Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Librairies de Charts
2
Librairies de Charts
HighCharts
Libraires de Charts
& Graphs
D3.js
Dojo
HighCharts
Vis.js
D3.js
1- Facilité d’emplois
2- Paramétrable à souhait avec un objet JSON
3- Le rendu est vraiment beau
4- Les types de graphiques (pie chart, bar graph, bubble graph, timeline, …)
5- Le module d’export intégré (JPEG, PDF, SVG, PNG)
6- Cross navigateur (fonctionne en VML et en SVG)
FlotCharts
XCharts
nvd3
JS Charts
1- Le rendu d'un graphe dynamique. On peut donc zoomer, déplacer, trier, filtrer les éléments qui constituent un graphe. Dans ce domaine D3.js est bien riche et complet et c’est la raison principale pour laquelle cette librairie est souvent utilisée pour représenter, naviguer et analyser de la big data.
2- Le module d’export intégré (SVG).
Morris.js
Sigma.js
Comment visualisez vous les données en JavaScript ?
Quelles sont vos librairies préférées pour créer des charts et des graphs avec JavaScript ?
D3:
Data Driven Document
D3.js
Tuto
Librairies Populaires & Open Source
HighCharts
D3.js
la bibliothèque JavaScript D3.js utilise des fonctions pré-construites de JavaScript pour sélectionner des éléments, créer des objets SVG, les styliser, ou y ajouter des transitions, des effets dynamiques ou des infobulles. Ces objets peuvent aussi être stylisés à grande échelle à l'aide du célèbre langage CSS. De plus, de grandes bases de données avec des valeurs associées peuvent alimenter les fonctions JavaScript pour générer des documents graphiques conditionnels et/ou riches. Ces documents sont le plus souvent des graphiques. Les bases de données peuvent être sous de nombreux formats, le plus souvent JSON, CSV, GeoJSON, mais d'autres fonctions JavaScript peuvent être créées selon les besoins afin de lire d'autres formats de données.
Le concept de D3 est le suivant : il commence par employer un sélecteur pour saisir un ensemble de nœuds ou d'opérateurs donné, puis il lui fait effectuer des opérations.
D3 peut par exemple sélectionner tous les éléments HTML <p> pour ensuite les styliser avec une couleur donnée :
En déclarant une transition, D3 insère de façon fluide les valeurs des attributs et des styles sur une certaine durée: