在Javascript中渲染大矩阵（1000 * 1000）

Question

我需要在基于Web的应用程序中显示一个大矩阵。矩阵尺寸约为。 1000 * 1000，每个单元格是否填充。

基本上，它应该看起来像这样（更大，没有颜色）： http://mbostock.github.com/protovis/ex/matrix.html

我需要基本的互动，例如缩放和点击单元格。矩阵很可能是一个稀疏矩阵。

我尝试过Protovis，但如果矩阵大于80 * 80，则渲染会永久。

哪个Javascript库可能适合此任务？

Answer 1

为了向用户显示一百万个项目，每个元素可能必须是单个像素的大小。

我只使用canvas。

Answer 2

我会使用HTML5 Canvas进行快速绘图。 （此super-simple demo会在几秒钟内在我的计算机上呈现。）如果您想放大，可以see this answer。

Answer 3

您可以尝试使用JavaScript库clustergrammer.js（请参阅https://github.com/cornhundred/clustergrammer.js）。它使用D3.js进行交互式（可缩放，可重新排序，可过滤等）可视化。它可以处理大约100,000个数据点，但如果矩阵足够稀疏，那么您可以渲染大型矩阵。

以下是用于可视化6000x230矩阵的{（3}}

的clustergrammer.js示例