2012-02-22 9 views
1

Webベースのアプリケーション内に大きな行列を表示する必要があります。マトリックスの寸法は約です。 1000 * 1000であり、各セルは塗りつぶされているかどうかにかかわらず、Javascriptで大きな行列(1000 * 1000)をレンダリングする

基本的には、(色はるかに大きいとせずに)次のようになります。私は、このようなズームやセルをクリックすると、基本的な相互作用を必要とする http://mbostock.github.com/protovis/ex/matrix.html

。マトリックスは希薄なマトリックスである可能性が高い。

私はProtovisを試しましたが、マトリックスが80 * 80より大きい場合、レンダリングは永遠にかかります。

このタスクにはどのようなJavascriptライブラリが適していますか?

+0

を視覚化するために使用されているclustergrammer.jsの例です。あなたは、Webブラウザが考えているDOM要素の*ロット*について話しています。 Protovisのようなものから始める必要があるかもしれませんが、自分のズーム/データモデリングをロールバックして、あなたが話していることに到達してください。 パーティをクラッシュさせようとしていないし、私はjs図書館ではほとんど知られていませんが、それは私の感情のようなものです。 –

答えて

4

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

私はただcanvasを使用します。

+0

+1:「100万件のアイテムをユーザーに」という部分が好きです。 –

4

高速描画にはHTML5キャンバスを使用します。 (このsuper-simple demoは私のコンピュータで数秒でレンダリングされます)。拡大したい場合はsee this answerです。

+0

本当に助けてくれてありがとう、ありがとう、 – Dobbylan

1

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

は、私は箱の外にまっすぐレンダリングのようなものをないものがあるように起こっているのかわからない6000x230行列http://amp.pharm.mssm.edu/clustergrammer/viz/568affd5b6541b84f3a68234

+0

リンクのみの答えは、そうではありません。いつかリンクが時代遅れになる可能性があります。あなたの答えに必要な情報を入れてください! – jogo

関連する問題