是否可以交互式可视化 10000 个 31x31 等高线图?

Is it possible to interactively visualize 10000 31x31 contour plots?

我对可视化 10,000 个 31x31 等高线图的可行性有疑问,如果可行,technologies/solutions 能够处理这个问题。

要求:
1) 我有一个 31x31x86x127 矩阵。每个 31x31 切片包含 Z 坐标,并且可以为每个切片生成轮廓(基本上弄清楚这个切片在哪里穿过 Z=0)。

2) 我想一次显示一个 31x31 的切片,并可以选择循环遍历所有 86x127 的其他切片。我想通过两个滑块来做到这一点,一个控制 (1:86) 索引,另一个控制 (1:127) 索引。

3) 我希望这能够在具有合理加载时间(15 秒左右)的浏览器中完成

到目前为止,我已经尝试过纯 d3.js(问题是数据太多,JS 无法加载到 DOM)和 plotly.js(能够使 31x31x127 工作,但浏览器无法处理其中的 86 个)。

有什么建议吗?

非常感谢您的宝贵时间!

如果您一次只想绘制一个 31x31 等高线图,这应该不是问题。

  1. 在浏览器中加载数据(例如使用 d3.csv)。
  2. 将更改事件处理程序添加到绘制相应 31x31 等高线图的滑块

这是一个示例:http://etpinard.github.io/plotly-dashboards/contours-with-csv-data/(使用下拉菜单而不是滑块)。

如果您对第 1 步花费的时间太长,您可以拆分数据文件并让更改时滑块事件处理程序加载(和缓存)一个 31x31 等高线图所需的数据。