2012-02-08 4 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)}; 
    }); 

Где г управляется значением в DB (не случайным) и рисовать пузыри, похожие на:

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

установить размер, название и радиус, основанный на мои предпочтения.

Это даст вам взвешенную полярную диаграмму рассеяния, аналогичную той, которую предоставляет matplotlib, тогда как нормальная радарная диаграмма позволит вам применять значок вместо взвешенного пузыря.

ответ

0

Вы можете посмотреть объявление D3. У них есть много примеров визуализации, включая диаграммы рассеяния.

+0

Я использую protovis для этого, но он использует координаты x, y из одного угла, а не из центра круга. У меня возникли проблемы с вычислением координат, чтобы разложить весовые круги. Мысли? – Glorithm

Смежные вопросы