Plot 3D chart
J'avais déjà parlé de Raycast en Javascript et l'idée a pris un peu ses formes. Notamment l'utiilsation de la 3D pour faire des graphs.
Voici donc une petite présentation de ce que je suis en train de faire, http://www.metal3d.org/canvasplot3D/ C'est encore au stade de l'ébauche et je n'ai pas encore trouvé certaines méthode pour afficher des labels ou les axes mais je vais cherché.
Bref, n'hésitez pas à twitter, à en parler... de l'aide serait la bienvenue.
Pour le moment ça ne fonctionne pas sur IE (pas encore testé avec Google Excanvas mais je pense le faire dans les jours qui viennent). Je ne sais pas non plus pour Opera...
Bon pour la forme, voici un exemple... Il suffit de créer un nouvel objet en javascript "M3DPlot" puis de lui assigner des données et des couleurs:
//une couleur avec alpha
var plotcolor = {
r: 33,
g: 98,
b: 55,
a: 0.88
};
var plot = new M3DPlot();
plot.datas = [
{value: 10, color: plotcolor},
{value: 12, color: plotcolor},
{value: 7, color: plotcolor},
{value: 9, color: plotcolor},
{value: 5, color: plotcolor},
{value: 10, color: plotcolor},
{value: 12, color: plotcolor},
{value: 7, color: plotcolor},
{value: 9, color: plotcolor},
{value: 5, color: plotcolor}
];
//puis on assigne un canvas à l'objet
window.onload = function () {
plot.init("mon_canvas");
}
Ce qui doit donner:
Normalement ça doit être ok sur Google Chrome et Firefox... Voilà :)
Trackbacks
Pour ajouter un trackback (retrolien) sur ce ticket, utilisez cette adresse: http://www.metal3d.org/index.php/trackback/default/tb?id=blog%2F266
Ca marche sur Opera 10.60 :)
Maintenant, au dela de l'aspect technique, est-ce que cela aide vraiment à la lecture ?
Pour le moment non... mais quand j'aurais ajouté les abscisses et ordonnées ça peut aider.
C'est surtout pour que ce soit joli, pas forcément "utile" en soit.
L'intérêt est surtout en terme de standard. On peut aisément parser une table HTML qui laisse donc les données "textuelles" sur la page, et JS transforme ça en graph pour ceux qui n'ont pas besoin de l'accessibilité activée.
Bref, non, c'est pas forcément un truc utile, mais fonctionnel... selon moi :)