2012-02-08 110 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來做到這一點,但它使用了一個角落的x,y座標,而不是從一個圓的中心。我無法計算座標來分散重量圓圈。思考? – Glorithm 2012-02-09 03:44:46