Aller au contenu

Statistiques : composants HTML, React et WordPress

Chiffres clés, compteurs animés qui respectent la réduction des animations, et indicateurs de progression.9 composants (statistiques) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 9 ressources

  • 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
  • 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
  • Des chiffres géants en grille sur fond sombre, avec une phrase d'introduction à gauche.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Quatre fiches en papier teinté, épinglées de travers avec un ruban adhésif sur un fond à pois : chaque chiffre de l'histoire du lieu a son dessin au trait, son titre et sa phrase.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Indicateurs avec tendance

    Bientôt disponible

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Quatre chiffres clés en ligne, chacun avec sa légende, séparés par de fins filets.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Anneaux de progression

    Bientôt disponible

    Trois anneaux circulaires qui montrent l'avancement d'objectifs, avec le détail en dessous.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant