我有一个关于可视化10,000个31x31等高线图的可行性的问题,如果可行,有什么技术/解决方案可以解决这个问题。
要求:
1)我有一个31x31x86x127矩阵。每个31x31切片都包含Z坐标,并且可以为每个切片生成一个轮廓(基本确定此切片与Z = 0的交叉点)。
2)我想一次显示一个31x31切片,并可以选择遍历所有86x127其他切片。我想通过两个滑块来完成此操作,一个滑块控制(1:86)索引,另一个滑块控制(1:127)索引。
3)我希望能够在浏览器中以合理的加载时间(大约15秒)完成此操作
到目前为止,我已经尝试过纯d3.js(问题是JS不能将数据加载到DOM中太多)和plotly.js(能够使31x31x127正常工作,但是添加其中的86个对于浏览器来处理)。
有什么建议么?
非常感谢您的参与!
最佳答案
如果您只想一次绘制一个31x31的轮廓图,那么这实际上不是问题。
在浏览器中加载数据(例如,使用d3.csv
)。
将变化事件处理程序添加到您的滑块,以绘制相应的31x31等高线图
这是一个示例:http://etpinard.github.io/plotly-dashboards/contours-with-csv-data/(使用下拉列表而不是滑块)。
如果第1步花费的时间太长,您可能需要分割数据文件,并让变化中的滑块事件处理程序加载(并缓存)一张31x31轮廓图所需的数据。