2012-02-08 54 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