Cet article d’exemple montre les composants data-journalism disponibles dans le starter. Chaque bloc est du HTML inséré directement dans le markdown : copiez-collez la structure et adaptez les chiffres. Supprimez ce fichier une fois vos vrais articles publiés.
La carte TL;DR et l’encadré
Le bloc ci-dessus est une carte TL;DR : trois à quatre chiffres clés en tête d’article. Juste en dessous, un encadré met en avant une idée à retenir, sans couper le fil de lecture.
Les barres de données
Les barres classent des valeurs chiffrées : la largeur de chaque barre est un pourcentage relatif à la plus grande valeur.
Le comparateur deux colonnes
Idéal pour opposer deux cas, deux options ou un avant et un après. La cellule à privilégier porte la classe highlight.
Le tableau récapitulatif
Le tableau markdown standard est stylé automatiquement (bordures, lignes alternées, défilement horizontal sur mobile).
| Poste | Fourchette | Précision |
|---|---|---|
| Premier poste | 20 à 50 € | Tout compris |
| Deuxième poste | 50 à 120 € | Hors options |
| Troisième poste | 120 à 220 € | Selon le volume |
Pour aller plus loin
- Lien interne décrivant le bénéfice : une à deux lignes d’intérêt pour le lecteur.
- Autre lien interne utile : une à deux lignes d’intérêt pour le lecteur.