PUBLIC MARKS from eledo34 with tag graphique

Peity est un plugin jQuery pour faire des petits graphiques de camemberts inline

Créer un graph animé avec CSS HTML et JQUERY

Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Cette librairie très simple d'utilisation vous permettra de créer des graphes et diagrammes de différents types: Graphes courbe et lignes Diagrammes d'aires Diagrammes en barres / Colonnes Graphes combinés en barres + lignes Camemberts Etc L'intérêt de la librairie est l'interactivité avec l'utilisateur. En effet, au survol des légendes peuvent être affichées, des effets dynamiques sur les parties du camembert etc. sans flash !

Highcharts est une librairie écrite en Javascript “pur” (ne s’appuyant sur aucun framework) offrant un moyen simple pour afficher des graphes interactifs dans vos pages web ou vos applications web. Vous souvenez-vous Open Flash Chart ? Hightcharts vous permettra d’obtenir un rendu équivalent et tout aussi superbe mais sans avoir recours à la technologie Flash [...]

le plugin jqPlot de Chris Leonello pour réaliser tout un tas de graphiques avec jQuery. Vraiment pas mal du tout.

L’originalité de ce plugin vient du fait que pour produire un graphes, gvChart a besoin tout d’abord d’un tableau HTML (en renseignant certains tags comme table, thead, tbody, etc.). Ensuite, il s’appuie sur les API de Google pour générer les graphes. jQuery est également de la partie pour rendre ces graphes interactifs. Côté implémentation, rien d’insurmontable… Dans le header, installez les fichiers suivants : * http://www.google.com/jsapi* * jquery.min.js * jquery.gvChart-1.0.min.js Ensuite, insérez votre tableau, configurez un petit fichier gvChart pour lui indiquer les éléments à prendre en compte, les titres à afficher etc… gvGraph affiche les graphes suivants : * Ligne * Aire * Barre * Colonne * Camembert

Le plugin JgChart est une simple surcouche à l’API Google Chart. Cela permet de faire des graphiques encore plus facilement et de le configurer plus simplement.

Construire des graphique avec une lib Javascript

Pour utiliser le plugin JpGraph, je vous conseille de lire tout d’abord la documentation à l’adresse http://www.spip-contrib.net/plugin-… Avant de tester le plugin, pensez à : - activer le plugin ; - sélectionner GD2 dans l’interface privée (Configuration puis Fonctions avancées). Ensuite, vous pourrez créer des graphiques en quelques secondes comme le montrent les exemples ci-dessous.

Je me suis acheté pour Noël (merci les chèques cadeau du boulot :-)) un écran 22 pouces Samsung T220. Ça fait du bien, mon bureau respire et moi aussi. Mais j’ai également gardé mon ancien écran Iiyama de 15 pouces (d’ailleurs, je vois vraiment la différence entre les deux, et moi qui pensait qu’il rendait plutôt bien les couleurs … le nouveau l’emporte haut la main). Donc, j’ai décidé de me faire un double affichage, un dual screen comme disent les anglophones (et les geeks ;-)).

Avec cette classe, plus besoin de fouiller la documentation de l’API GOOGLE Charts. L’ensemble de vos parametres est passé par variable et GoogChart se charge d’appeler l’API, lui passer vos données et d’afficher le diagramme. Puissant et extrêmement simple d’utilisation. De plus, le code étant sous licence MIT, rien ne vous empêche d’étendre cette classe et de programmer d’autres fonctions…

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.