2

I need to display a large matrix within our web-based application. The matrix dimensions are approx. 1000*1000 and each cell is either filled or not.

Basically, it should look like this (much larger and without the colors): http://mbostock.github.com/protovis/ex/matrix.html

I need basic interaction, such as zooming and clicking on a cell. The matrix is likely to to be a sparse matrix.

I tried Protovis but rendering takes forever if the matrix is larger than 80*80.

What Javascript library might be suitable for this task?

4

3 に答える 3

5

高速描画には HTML5 Canvas を使用します。(この非常に単純なデモは、私のコンピューターでは数秒でレンダリングされます。) ズームインしたい場合は、この回答を見ることができます。

于 2012-02-22T23:32:51.167 に答える
4

100 万個のアイテムをユーザーに表示するには、各要素がおそらく 1 ピクセルのサイズでなければなりません。

canvasを使用するだけです。

于 2012-02-22T23:25:57.827 に答える
1

JavaScript ライブラリー clustergrammer.js を試すことができます ( https://github.com/cornhundred/clustergrammer.jsを参照)。D3.js を使用して、インタラクティブな (ズーム可能、並べ替え可能、フィルター可能など) 視覚化を行います。100,000 のデータ ポイントのオーダーを処理できますが、マトリックスが十分に疎である場合は、大きなマトリックスをレンダリングできます。

これは、6000x230 マトリックスを視覚化するために使用されている clustergrammer.js の例ですhttp://amp.pharm.mssm.edu/clustergrammer/viz/568affd5b6541b84f3a68234

于 2016-01-05T18:15:05.143 に答える