Peity - Créez des minis graphes dynamiques avec du HTML5 Canvas

Peity est une librairie jQuery permettant de créer facilement des graphes de petites tailles, spécialements conçus pour être intégrés dans vos paragraphes de texte.

Pratique si vous souhaitez mettre en place des représentations visuelles de notes, de pourcentages ... directement dans vos paragraphes de texte.

La librairie est très simple à utiliser, comme la plupart des plugins jQuery, il vous suffit de quelques lignes de code Javascript et HTML pour transformer vos notes / pourcentages en graphes:

<span class="pie">1/5</span>
<span class="pie">226/360</span>
<span class="pie">0.52/1.561</span>

Et en jQuery:

$("span.pie").peity("pie");

Il existe aussi d'autres types de graphes que des camemberts comme les diagrammes en barre ou en ligne, à la google analytics.

Attention tout de même, les navigateurs qui ne supportent pas le HTML5 Canvas (Toujours le même ...) ne pourront pas afficher le graphe.

Site Officiel