是否可以以交互方式显示10000 31x31等高线图？

Question

我对可视化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个这样的浏览器无法处理）。

有什么建议吗？

非常感谢您的时间！

Answer 1

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

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

以下是一个示例：http://etpinard.github.io/plotly-dashboards/contours-with-csv-data/（使用下拉列表而非滑块）。

如果步骤1花费的时间太长，您可能需要拆分数据文件并让更改时滑块事件处理程序加载（和缓存）一个31x31等高线图所需的数据。