Javascript 使用3D.js或Cairo对大型稀疏矩阵进行图形可视化

我设计的。我将其用于大型稀疏矩阵的图形可视化：两个基因组比较的同源矩阵

例如，在我的例子中，通常的同源矩阵是20000 x 20000，有大约30000个分散的点（代表同源性）

我的临时库还不够成熟，无法满足新的开发需求，我对3D.js库很感兴趣。我还发现图形库Cairo及其绑定pyCairo很有趣

我的需要是：

• 可以输出矩阵的SVG、PNG或PDF图像

• 当鼠标越过同源矩阵的一个点时，我想显示具体的信息

• 一个优点是能够放大矩阵的一个区域，并在缩放阈值以上显示新的细节

我知道3D.js具有动态特性（在稀疏矩阵中导航/缩放很有趣），但我想知道它是否能足够快地显示我的数据。最好在应用程序中使用Cairo，并针对不同的缩放级别重新计算图像

简言之，我觉得我有两种解决方案：

• 编写一个HTML文件，使用3D.js脚本添加同源矩阵和交互性的SVG元素。3D.js非常适合从服务器共享矩阵

• 编写一个专用的应用程序（例如，使用GTK），并使用Cairo在应用程序内绘制矩阵。然后，每次用户与应用程序交互时，都会要求Cairo重新绘制，从而添加交互

我错过什么了吗？您会使用哪种解决方案