2012-02-08 7 views
1

Est-ce que quelqu'un peut recommander des outils de visualisation de données HTMl5/JS existants ou des bibliothèques qui peuvent aider à générer des diagrammes de dispersion polaires similaires à ceux-ci? Exemple de code serait cool!Graphiques de dispersion polaire HTML5 + JS

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

Malheureusement, je dois faire ce travail sur les tablettes pour regarder en direct la copie des données. Donc, pas de flash et je ne peux pas pré-générer cela tous les jours en utilisant matplotlib ou d'autres.

Merci d'avance!

MISE À JOUR:

Ce que je finis par faire quelque chose de similaire à:

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

En particulier, les pièces suivantes de code aide beaucoup:

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)}; 
    }); 

Où r est piloté par une valeur en DB (non aléatoire), et dessiner les bulles similaires à:

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

définir la taille, le titre et le rayon en fonction de ma préférence. Cela vous donnera le diagramme de dispersion polaire pondéré similaire à celui fourni par matplotlib, tandis que le graphique radar normal vous permettra seulement d'appliquer une icône à la place de la bulle pondérée.

Répondre

0

Vous pouvez regarder annonce D3. Ils ont beaucoup d'exemples de visualisation, y compris les nuages ​​de points.

+0

J'utilise actuellement protovis pour cela, mais il utilise les coordonnées x, y d'un coin plutôt que du centre d'un cercle. J'ai du mal à calculer les coordonnées pour étaler les cercles de poids. Pensées? – Glorithm