Exemple de représentation d'histogrammes en HTML

Exemple d'utilisation des éléments 'table','tr' et 'td', et 'img'

Premier exemple horizontal

1 | 1 : 25% 25%
2 | 2: 18% 18%
3 | 3: 12% 12%
4 | 4: 8% 8%
5 | 5: 8% 8%

Deuxieme exemple vertical

25%
1: 25% 		18%
2: 18% 		12%
3: 12% 		8%
4: 8% 		8%
5: 8%
___ ___ ___ ___ ___
1 2 3 4 5

Troisième exemple

Valeurs négatives 0 Valeurs positives
1 : | 1: 100 100
2 : | 2: 120 120
3 : | 3: 250 250
4 : -50 4: -50 |
5 : -120 5: -120 |
6 : | 6: 70 70
7 : | 7: 0 0
8 : | 8: 320 320
9 : | 9: 100 100

Associé à une programmation côté serveur (ASP,PHP,...), on peut donc assez facilement réaliser des graphiques dynamiques à partir de sources de données fichiers ou bases de données. On peut également simuler des graphiques dynamiques côté client (cf. la rubrique 'Javascript : afficher des histogrammes avec Javascript).

Valid XHTML 1.0 Transitional