Aller au contenu
Forge

Indicateurs avec tendance

Quatre indicateurs de tableau de bord avec leur valeur, la variation et une flèche de tendance.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

La variation est écrite en toutes lettres pour les lecteurs d'écran (« en hausse de 12 % par rapport à septembre ») : la flèche et la couleur ne sont jamais les seuls indices. Une baisse du taux de retour est affichée comme positive.

Code

Chargement du code…

Contenu de l'archive

stats-cartes-tendance-html-tailwind.zip3 fichiers · 3 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Compteurs animés

    Gratuit

    Quatre chiffres clés en cartes, qui défilent de zéro à leur valeur quand la section entre à l'écran, avec icône, unité et libellé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Jauge d'objectif de financement

    Bientôt disponible

    Le montant collecté, une barre de progression vers l'objectif, le nombre de contributeurs et les jours restants.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Chiffres d'impact

    Bientôt disponible

    Quatre indicateurs d'impact accompagnés d'une icône et d'une phrase qui donne le contexte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Histogramme mensuel

    Bientôt disponible

    Un histogramme de douze mois en CSS, avec le tableau de données accessible aux lecteurs d'écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant