2012-02-08 9 views
1

このような極散布図を作成するのに役立つ既存のHTMl5/JSデータビジュアライゼーションツールキットまたはlibをお勧めしますか?コード例はクールだ!HTML5 + JSポーラー散布図

http://matplotlib.sourceforge.net/examples/pylab_examples/polar_scatter.html

残念ながら、私は、データのライブコピーを見てタブレット上でこの作業を行う必要があります。だからフラッシュと私はmatplotlibやその他を使ってこれを毎日前もって生成することはできません。

ありがとうございます!

UPDATE:

私は何に似て何かやって終わる:特に

http://mbostock.github.com/protovis/ex/transform.html

次のコードの断片は多くのことができます:

var x = pv.Scale.linear(-kx, kx).range(0, w), 
    y = pv.Scale.linear(-ky, ky).range(0, h); 

var data = pv.range(100).map(function(i) { 
    var r = .5 + .2 * Math.random(), a = Math.PI * i/50; 
    return {x: r * Math.cos(a), y: r * Math.sin(a)}; 
    }); 

R DBの値(ランダムではない)によって駆動され、同様の気泡を描く:

http://mbostock.github.com/protovis/ex/bubble.html

私の好みに応じてサイズ、タイトルと半径を設定します。

これは、matplotlibが提供するのと同様の重み付き極座標グラフを提供しますが、通常のレーダーチャートは、加重バブルの代わりにアイコンを適用させるだけです。

答えて

0

あなたは見て広告D3がかかる場合があります。彼らは散布図を含む多くの視覚化の例を持っています。

+0

私は実際にこれを行うためにprotovisを使用していますが、円の中心からではなく、1つのコーナーからx、y座標を使用します。私は体重円を広げるために座標を計算する際に問題があります。思考? – Glorithm