JustGage.js : des jauges dans votre site web
JustGage.js vous permet d'intégrer des jauges de mesures à votre site
sans avoir besoin de vous soucier de la résolution d'écran
JustGage est un plugin javascript simple qui vous permettra de créer et d'intégrer à votre site web des jauges (comme un compteur kilométriques par exemple).
Ce plugin offre plusieurs avantages comme le style des jauges qui est simple et attrayant.
Mais le plus important de tous ses avantages est que les jauges sont indépendantes de la résolution d'écran et s'ajustent d'elles-mêmes.
En effet le plugin est basé sur la librairie Raphaël.
De plus, c'est du pur SVG, le plugin fonctionne donc sur presque tous les navigateurs du marché (IE6+, Firefox, Chrome, Android, etc.).
Son utilisation est simpliste.
Il vous suffit d'intégrer le plugin ainsi que le script Raphaël à votre page html, de créer une div avec un id et une taille, et de créer votre jauge grâce à la fonction javascript justGage(id, value). Ci-dessous un exemple de création de jauge :
Code:
1
2
| <script src="raphael.2.1.0.min.js"></script>
<script src="justgage1.0.min.js"></script> |
Code:
<div id="gauge" class="200x160px"></div>
Code:
1
2
3
4
5
6
7
8
9
| <script>
var g = new JustGage({
id: "gauge",
value: 67,
min: 0,
max: 100,
title: "Visitors"
});
</script> |
Comme l'exemple le montre, c'est très simple d'utilisation.
Cependant, il vous est possible de personnaliser vos jauges, les paramètres, l'apparence.
Une démonstration est disponible sur le site du projet.
Télécharger JustGage.js
Source : JustGage.com
Et vous ?
:fleche: Avez-vous déjà eu besoin de telles jauges dans un de vos sites ?
:fleche: Si oui, avez-vous été confronté à un problème relatif à la résolution d'écran ?
