Statistics Grid

Komponenten zur ansprechenden Darstellung von Zahlen und Statistiken.

Standard Statistics Grid

🚀
500+
Startups betreut
Seit 2018 erfolgreich in die KI-Welt begleitet
👥
2.000+
Workshop-Teilnehmer
Fachkräfte für die Zukunft ausgebildet
💡
150+
KI-Projekte
Innovative Lösungen entwickelt
🎓
95%
Zufriedenheit
Durchschnittliche Teilnehmerbewertung 
<div class="statistics-grid">
    <div class="stat-card">
        <div class="stat-card__icon">🚀</div>
        <div class="stat-card__number">500+</div>
        <div class="stat-card__label">Startups betreut</div>
        <div class="stat-card__description">
            Seit 2018 erfolgreich in die KI-Welt begleitet
        </div>
    </div>
</div>

Mit Trend-Indikatoren

87%
KI-Adoption
↑ 12% zum Vorjahr
3.2M€
Funding vermittelt
↑ 45% Wachstum

Horizontale Statistiken

24/7
Support
2
Standorte
50+
Experten
100%
Praxisnah

Kompakte Variante

99%
Metrik 1
60%
Metrik 2
95%
Metrik 3
87%
Metrik 4
64%
Metrik 5
41%
Metrik 6

Icon-Varianten

Statt Emojis können auch SVG-Icons oder Icon-Fonts verwendet werden:

✓
100%
Erfolgsquote
★
4.9
Bewertung
⚡
48h
Reaktionszeit

Best Practices

  • Verwenden Sie aussagekräftige Zahlen, die einen echten Wert vermitteln
  • Halten Sie die Labels kurz und verständlich
  • Nutzen Sie Icons sparsam und konsistent
  • Gruppieren Sie verwandte Statistiken zusammen
  • Vermeiden Sie zu viele Statistiken auf einmal (max. 4-6)
  • Stellen Sie sicher, dass die Zahlen regelmäßig aktualisiert werden
  • Verwenden Sie Animationen sparsam (z.B. Count-up beim Scrollen)