16 librairies et scripts pour générer des graphiques sur internet | simple entrepreneur
16 librairies et scripts pour générer des graphiques sur internet | simple entrepreneur
aller au contenu | aller au menu | aller aux rubriques
simple entrepreneur
création d’entreprise et web (design|développement) 2.0
menu
accueil
archives
best of
s'abonner
a propos
contact
a noter
c'est le 386e jour depuis le début de cette aventure !
recherche
effectuer une recherche sur ce blog
ok
16 librairies et scripts pour générer des graphiques sur internet
publié le 07 juin 07 à 15:07 | catégorie : design web | 21 commentaires
voici un tour d’horizon des principales librairies que l’on peut rencontrer pour générer des graphiques en barres, des diagrammes ou des camemberts et les afficher sur une page web. la représentation de statistiques ou de données est souvent quelque chose de compliquée sur internet. heureusement différentes possibilités existent en fonction des technologies à votre disposition.
flash
les graphiques publiés en flash sont souvent animés et interactifs. très réussis visuellement parlant, ils ne souffrent a priori d’aucun problème mis à part peut-être le fait de nécessiter l’installation d’une extension dans le navigateur internet. heureusement, cette dernière est très facile à mettre en place et est presque devenue un standard aujourd’hui.
amcharts : c’est la librairie que j’utilise depuis quelque temps sur ce blog. elle présente l’avantage de générer des graphiques cliquables, dans lesquels on peut naviguer et obtenir des chiffres précis. une version gratuite est disponible mais un lien s’affiche en haut de chaque graphe. entièrement personnalisable, elle ne devrait pas vous décevoir :
maani : l’avantage de maani est de pouvoir interpréter directement les données en php. mais cette librairie peut également être utilisée dans d’autres langages en puisant ces informations dans un fichier au format csv ou xml. le rendu des graphiques en 3d est particulièrement réussi :
image
grâce aux librairies suivantes, il est possible de générer des graphes directement sous forme d’images. il est donc très facile ensuite de les afficher dans une page web.
jfreechart : jfreechart est une librairie java et open source. elle peut générer des graphiques sous forme d’images, de graphiques vectoriels, voir même de composants swing. par contre, il s’agit vraiment d’une librairie dans le sens premier du terme qui nécessitera donc un certain investissement pour pouvoir être utilisée :
artichow : drôle de nom pour cette librairie en français qui fonctionne avec php et le module graphique gd. entièrement personnalisable, artichow supporte plusieurs types de dégradés, gère la transparence des couleurs et permet l’ajout de légendes :
jpgraph : une librairie très proche visuellement parlant d’artichow et qui nécessite également php et gd. les possibilités en terme de types de graphiques sont très importantes : diagramme de gantt, diagramme polaire, nuage de points, graphiques à impulsions…
chart director : cette librairie payante est disponible dans plusieurs langages de programmation : .net, java, ruby, perl, python, etc. elle conviendra donc à tous, d’autant plus que les styles de graphes sont là encore très nombreux (il y a même un affichage sous forme de jauge) :
graphviz : graphviz est un logiciel à part qui va surtout permettre de générer des graphes, des automates ou des réseaux. elle servira donc dans des cas bien particuliers, mais certainement pas pour mettre en forme des parts de marché pour votre prochain business plan :
javascript
on trouve maintenant des générateurs en javascript très aboutis et qui permettent d’afficher des graphiques dans un environnement dépourvu de lecteur flash.
ejschart : c’est fou ce que l’on arrive à faire en javascript aujourd’hui. ejschart (pour emprise javascript charts) peut afficher des graphiques interactifs à la manière des deux librairies en flash. elle dispose même d’une fonction zoom vraiment bluffante :
plotkit : basée sur la librairie javascript mochikit, plotkit supporte les formats html canvas et svg. par contre, elle ne semble pas très personnalisable (vous avez intérêt à aimer le bleu) et demandera un investissement certain pour afficher des éléments supplémentaires (comme une légende) :
ajaxmgraph : ajaxmgraph s’appuie sur la librairie javascript prototype et propose uniquement des graphiques en barre. il est possible d’obtenir des informations supplémentaires en déplaçant son curseur de souris sur l’histogramme. rudimentaire, mais facile à mettre en place :
css
il existe de nombreuses astuces pour mettre en forme des données au moyen de règles css. en voici quelques unes :
css for bar graphs
des exemples de graphiques en barres (horizontales et verticales) très réussis.
vertical bar graphs with css and php
des histogrammes empilés plutôt sobres.
bargraph
un autre exemple d’histogrammes très colorés cette fois-ci.
dynamic pie chart with css
un camembert basé sur la technique de l’image unique.
css vertical bar graphs
un histogramme dont les données sont parfaitement compréhensibles lorsque les feuilles de styles sont désactivées.
displaying percentages
un exemple simple de représentation de pourcentage en barre.
si vous connaissez d’autres librairies, scripts ou tutoriaux, n’hésitez pas à partager vos découvertes en laissant un commentaire !
a lire également
vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :
les outils indispensables pour un blog (5/9) : google alerts
8 services d'emails jetables pour éviter le spam
logos & tendances : les flammes et les gouttes d'eau
logos & tendances : les médaillons
les visiteurs qui ont vu cette page ont par exemple consulté ensuite :
bilan du huitième mois (17 lectures)
le cube de couleurs de more crayons (11 lectures)
best of (9 lectures)
a savoir
la rédaction de cet article a nécessité 3 heures et 7 minutes. si vous le souhaitez, vous pouvez devenir membre de ce blog et être prévenu de la parution de nouveaux articles en vous abonnant par rss ou par email.
thèmes : design web, outils
autorisation de reproduction creative commons
imprimer cet article
faire un rétrolien
récupérer un lien permanent vers cet article
s'abonner par rss aux commentaires de cet article
21 commentaires à propos de “16 librairies et scripts pour générer des graphiques sur internet” :
il y a egalement http://solutoire.com/plotr/ qui est l’équivalent de plotkit mais basé sur prototype…
ropiat le 7 juin 2007 Ã 16:57 (#1)
merci pour cette liste !
c’est bien utile.
greg0ry le 7 juin 2007 Ã 16:57 (#2)
j’utilise jpgraph version pro. c’est vraiment simple et efficace.
j’ai essayé maani, c’est aussi tres bien mais le flash ne me convenait pas.
arnaud le 7 juin 2007 Ã 22:54 (#3)
merci pour toutes ces informations, ce blog en est une vraie mine. comment as-tu trouvé tous ces solutions ? la veille technologique a l’air de porter ses fruits.
moe le 8 juin 2007 Ã 02:32 (#4)
excellent billet. merci beaucoup.
où sont donc passés les applets java ? c’est une tragédie moderne…
quode le 8 juin 2007 Ã 06:23 (#5)
tiens, les applets. j’avais complètement oublié ça moi aussi. sinon j’ai trouvé ces librairies en veillant, et à chaque fois je note les références. j’ai un bloc-note complet d’adresses en tout genre, il me faudrait vraiment un gestionnaire de liens digne de ce nom pour organiser tout ça :).
stéphane le 8 juin 2007 à 07:26 (#6)
pour le javascript, il me semble que dojo a egalement un module pour les graphiques…
jimmyt le 8 juin 2007 Ã 08:56 (#7)
pas vraiment le temps de tout passer en revue (je suis au bureau, le patron n’apprecierai pas) mais en survolant le truc, je ne vois pas de solution qui propose d’afficher sous forme de graphe des données formattées en xhtml.
pourtant, ca devrait être possible, on le fait pour google map http://avi.alkalay.net/2006/11......html#nowp
lapinlove404 le 8 juin 2007 Ã 09:05 (#8)
merci pour cette liste
grâce à ce blog, j’ai pu me constituer une liste de liens très pertinentes pour mes futures créations web !!
benoit_marketing-etudiant.fr le 8 juin 2007 Ã 10:49 (#9)
j’ai beaucoup utilisé jpgraph qui fonctionne super bien. j’ai utilisé il y a quelques temps amchart et c’est clair que ça tourne super super bien surtout depuis que l’on peut affecter une url à une valeur. et puis le petit effet graphique dessus plait beaucoup
bertrand le 8 juin 2007 Ã 12:04 (#10)
existe-t-il des librairies javascript pour faire des diagrammes dans le même style que “graphviz” (avec des carrés, des ronds et des losanges reliés par des flèches, mais avec un peu plus de couleurs et d’interactivités)?
françois le 8 juin 2007 à 15:50 (#11)
grrrrr…. pourquoi mais pourquoi donc fait-il que tant de gens traduisent “library” par “librairie” et non “bibliotheque” ?
pour autant que je sache, ces scripts sont gratuits, il ne faut pas payer pour en disposer, non ?
mathias le 10 juin 2007 Ã 14:27 (#12)
jolie liste, il y en a plein de je connaissais pas. moi j’ai déjà utilisé swiff chart 3 qui fait des graphs dynamiques en flash, à rajouter : http://www.globfx.com/ .
remian le 10 juin 2007 Ã 15:38 (#13)
bonjour,
merci pour cette liste très interressante ! pour ma part, j’ajouterais également fusion charts ( http://www.fusioncharts.com/ ) qui est disponible en version “lite” gratuite, ainsi qu’en version payante. la version payante est très aboutie et permet vraiment de faire des choses sympas. le tout en flash avec du xml, bref compatible avec tout type de langage coté serveur.
a+ / olivier
olivier le 12 juin 2007 Ã 16:34 (#14)
bravo pour cette liste qui donne un large éventail d’utilisataire pour générer des graphiques dynamique.
amchart me semble très bien, toutefois j’ai quelques soucis pour paramétrer comme je veux du fait de mon anglais un peu faible.(exemple je n’ai pas trouver comment afficher verticalement les titre de la barre x alors que je l’ai vu sur ce site).existe–t-il quelque part une doc en français?
merci encore
timmy le 18 juin 2007 Ã 14:37 (#15)
pas à ma connaissance timmy.
stéphane le 19 juin 2007 à 06:52 (#16)
c’est bien dommage que personne ne s’interresse d’avantage à ce genre de sujet, alors que l’on retrouve les mêmes infos sur php par exemple sur de nombreux sites.
bon en bidouillant je pense que je vais y arriver, il faudra juste bcp plus de temps.
merci
timmy le 19 juin 2007 Ã 13:50 (#17)
après avoir lu cet article, j’ai eu du mal à trouver mon bonheur. le site d’ejschart, qui avait l’air prometteur, fait planter l’ie6 de mon bureau, amcharts met un lien, etc, etc…
je suis, tout comme olivier, un (récent) fan de fusioncharts. il fait à peu près tout ce dont j’ai besoin, et il le fait très bien. pas de pub, pas de lien caché, etc…
la documentation est très bien faite (en anglais, désolé pour timmy), et permet de rapidement prendre la main sur l’outil.
pour moi, c’est le meilleur outil du genre.
ps : http://www.fusioncharts.com/free/demos/blueprint/ pour voir l’intérêt
bonne continuation à tous
dworkin le 21 juin 2007 Ã 10:01 (#18)
j’aurais du être plus attentif pendant mes cours d’anglais:))
il faudrait qu’une bonne ame fasse une traduction en français;)).
autrement effectivement il parait très bien.
bon we
timmy le 22 juin 2007 Ã 15:05 (#19)
tres bonne ressource. je recherchais ce genre de chose pour le boulot il y a quelques mois: cet article m’aurait alors bien aide
plouceur le 17 août 2007 à 10:38 (#20)
exactement ce que je cherchais !
il me reste plus qu’a tester si l’on peut facilement intégrer ces graphs dans des pdf…
merci
fred le 22 août 2007 à 15:11 (#21)
ajouter un commentaire
ajouter un commentaire à “16 librairies et scripts pour générer des graphiques sur internet”. les informations obligatoires sont indiquées par une étoile rouge *.
nom * :
e-mail (non publié) * :
site web :
commentaire * :
me prévenir des commentaires suivants par e-mail
autres sections
abonnement
recevoir les nouveaux articles par rss (actuellement 3431 abonnés)
recevoir les nouveaux articles par email
sauvegarde
ajouter ce blog à ses favoris technorati
sponsors
ajouter votre logo
thèmes
anpe
assedic
banque
bilan
blog
business model
classement
conference
couleur
creation entreprise
design web
developpement web
email
entrepreneur
financement
freelance
gestionnaire signets
gestion temps
incubateur
job
livre
logo
loomiz
mde
methodologie
monetisation
navigateur
outils
paiement
radio
recrutement
revue de presse
salon
screencast
serveur
sondage
startup
urssaf
utilisabilite
web 2.0
liens sponsorisés
marketing internet
bracelet montre
idees cadeaux
ordinateurs de bureau
imprimantes
formation
idexen le blog-web,start-up...
ajouter votre site
partenaires
derniers commentaires
un peu en retard mais bien sincèrement : bon anniversaire !
laurent bazet à propos de happy birthday !
enfin serai-je tenté de dire :) sans aucune arrière pensée (si ce n'est celle d'un futur utilisateur totalement objectif et voulant apporter des critiques constructives), c'est vrai que ton silence de ces derniers temps...
thomas à propos de a taste of things to come
très bonne initiative ! j'attend avec impatience ton bilan de cette année. aventure qui t'auras dans tous les cas largement apporté je pense.
etienne à propos de a taste of things to come
très intéressant tout çà!!! :)
emerika à propos de a taste of things to come
des articles prometteurs, que j'ai hâte de lire !
al-kanz à propos de a taste of things to come
publicité
publicité
articles récents
les derniers articles publiés
22.10.07 : a taste of things to come (4 commentaires)
20.10.07 : revue de presse (4 commentaires)
16.10.07 : la journée de l’entrepreneur (4 commentaires)
16.10.07 : feed43, ou comment créer un flux rss à partir d’une page web (8 commentaires)
14.10.07 : revue de presse (6 commentaires)
10.10.07 : point-triple, incubateur d’idées web 2.0 (6 commentaires)
06.10.07 : les outils indispensables pour un blog (7/9) : site24×7 (6 commentaires)
04.10.07 : a découvrir: elements of design, tout aide et website performance (7 commentaires)
articles recommandés
les lectures conseillées par l'auteur, sans ordre particulier
14.02.07 peut-on encore créer une application web 2.0 tout seul ?
15.05.07 comprendre les intérêts des business angels
03.11.06 développer un site plus rapidement avec getting real
09.11.06 introduction aux gestionnaires de signets sociaux
19.12.06 logos & tendances : les flammes et les gouttes d’eau
15.11.06 les raisons de l’échec des entreprises françaises
14.03.07 morceaux choisis : freshwebjobs, hyperwave, opera, hot meteor et magnify
06.03.07 quelles technologies utiliser pour développer un site web 2.0 ?
catégories
les thèmes abordés
a découvrir (71 articles)
blog (22 articles)
création d’entreprise (66 articles)
design web (19 articles)
développement web (13 articles)
divers (10 articles)
ergonomie (3 articles)
web 2.0 (26 articles)
a propos
pas facile de franchir le pas et d'abandonner un poste de consultant. mais maintenant c’est fait, je vais me mettre à mon compte et me focaliser sur la conception d’une application web.
je vais même essayer de créer ma société. a travers ce blog, je vous raconterai mon parcours dans la nouvelle net économie et vous ferai part des outils et sites indispensables au développement de sites internet.
lire la suite…
abonnement
recevoir les nouveaux articles par rss
rédaction
ce blog est propulsé par le moteur de publication wordpress.
droit d'auteur
simple entrepreneur est un blog designé et développé par stéphane thomas | copyright 2006-2007
conformité
page conforme à la norme xhtml 1.0 stricte page conforme à la norme css 2.0
16 librairies et scripts pour générer des graphiques sur internet | simple entrepreneur Précédent 35 Précédent 34 Précédent 33 Précédent 32 Précédent 31 Précédent 30 Précédent 29 Précédent 28 Précédent 27 Précédent 26 Précédent 25 Précédent 24 Précédent 23 Précédent 22 Précédent 21 Précédent 20 Précédent 19 Précédent 18 Précédent 17 Précédent 16 Précédent 15 Précédent 14 Précédent 13 Précédent 12 Précédent 11 Précédent 10 Précédent 9 Précédent 8 Précédent 7 Précédent 6 Suivant 37 Suivant 38 Suivant 39 Suivant 40 Suivant 41 Suivant 42 Suivant 43 Suivant 44 Suivant 45 Suivant 46 Suivant 47 Suivant 48 Suivant 49 Suivant 50 Suivant 51 Suivant 52 Suivant 53 Suivant 54 Suivant 55 Suivant 56 Suivant 57 Suivant 58 Suivant 59 Suivant 60 Suivant 61 Suivant 62 Suivant 63 Suivant 64 Suivant 65 Suivant 66