Créer et afficher des graphiques à la volée
On dit d’une illustration qu’elle vaut 1000 mots. L’extension GD de php permet de manipuler des images, et avec un peu de pratique, vous pouvez très bien créer de superbes graphiques. Voici un article en anglais, qui vous expliquera en détail comment parvenir à créer des graphiques, en barre, en fromage…
Gardez cependant à l’esprit que GD consomme des ressources côté serveur, et que pour cette raison, il est bloqué sur les offres mutualisées de nombreux hébergeurs. Par ailleurs, javascript et le html5 offrent aujourd’hui la possibilité de créer des graph directement dans la navigateur du client. Ils auront même l’avantage d’être interactifs ! De très bonnes bibliothèques ont d’ailleurs été écrite à cet effet :
- highcharts, très complet mais payant pour les projets à visée commerciale,
- morris.js (licence BSD),
- chartist.js qui se veut hautement configurable, 100% responsive et customizable via css. Smashing magazine a consacré un article à chartist,
- chart.js est une bibliothèque sous licence MIT qui permet de créer des graphs directement en HTML5 canvas,
- roughViz est une bibliothèque sous licence MIT permettant de créer des graphiques comme s’ils avaient été faits au crayon.
Un peu à part se situe Charts.css il permet en effet de ne faire reposer vos graphique que sur quelques styles CSS ! Une très bonne alternative au JS si vous voulez rester simple et léger.
À vous de faire votre choix !
Commentaires
Rejoignez la discussion !