Librairie graphique

Librairie graphique - Javascript/Node.js - Programmation

Marsh Posté le 21-10-2015 à 13:43:23    

Bonjour  
Je chercherais une librairie graphique qui permettrait de faire des graphe de ce type :
http://www.nytimes.com/interactive [...] abg=1&_r=1
 
c'est à dire qui sont à la fois la visualisation et la source des données.
 
Une idée de vers qui je pourrais me tourner ?
 
Merci.

Reply

Marsh Posté le 21-10-2015 à 13:43:23   

Reply

Marsh Posté le 21-10-2015 à 14:54:19    

Autant que je sache (après peut être existe-t-il des outils spécifiques), ca se fait plus avec une librairie classique avec des évènements côtés Javascripts (souvent full client side):
 
Genre ce genre de libraries:
http://www.chartjs.org/
 
Il est facile d'y intégrer un slider, et de réaliser des calculs sur les évènements associés au fait de bouger le curseur par exemple ;)
 
EDIT: regarde la partie "interactive" qui s'en rapproche.

Message cité 1 fois
Message édité par Devil'sTiger le 21-10-2015 à 14:56:00
Reply

Marsh Posté le 21-10-2015 à 15:25:36    

Merci. Je regarde. ( Au départ j'étais parti sur anychart qui marche bien mais à du mal à s'intégrer à des script JS externes )

Reply

Marsh Posté le 21-10-2015 à 20:32:43    

HFR_GLT a écrit :

Bonjour  
Je chercherais une librairie graphique qui permettrait de faire des graphe de ce type :
http://www.nytimes.com/interactive [...] abg=1&_r=1
 
c'est à dire qui sont à la fois la visualisation et la source des données.
 
Une idée de vers qui je pourrais me tourner ?
 
Merci.


 
En visus « couillues » le best du best c'est d3js ( http://d3js.org/ ) Par contre c'est pas (ou via d'autre libs) une abstraction pour faire des graphs génériques.


---------------
Spécialiste du bear metal
Reply

Marsh Posté le 22-10-2015 à 11:10:07    

Devil'sTiger a écrit :

Autant que je sache (après peut être existe-t-il des outils spécifiques), ca se fait plus avec une librairie classique avec des évènements côtés Javascripts (souvent full client side):
 
Genre ce genre de libraries:
http://www.chartjs.org/
 
Il est facile d'y intégrer un slider, et de réaliser des calculs sur les évènements associés au fait de bouger le curseur par exemple ;)
 
EDIT: regarde la partie "interactive" qui s'en rapproche.


Pas trouvé d'"interactive" ?
J'ai regardé D3js aussi, je continue mes recherches.

Reply

Marsh Posté le 22-10-2015 à 13:39:33    

HFR_GLT a écrit :


Pas trouvé d'"interactive" ?
J'ai regardé D3js aussi, je continue mes recherches.


Page d'intro (ce lien donc), tout en bas, a droite: tu peux cliquer sur la courbe pour qu'elle change aléatoirement => donc le système répond au click de souris, et déclenche un redraw du graphique, ce que tu cherches ;)

Reply

Marsh Posté le 22-10-2015 à 14:52:15    

Heu, d3.js a été conçue justement pour les visualisations du NYT. C'est assez chaud pour s'y mettre, mais une fois bien compris les concepts de base (il faut bien les travailler), c'est vraiment très (trop?) puissant.

Reply

Marsh Posté le 22-10-2015 à 15:22:30    

Ok je m'y mets ;)
C'est clair que c'est riche !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed