Zum Inhalt springen
Alle Sections
Sections/

Stats

Zahlen und Kennzahlen auf einen Blick.

Vorschauen brauchen Platz, Komponenten nicht.
Floating Cluster Stat
Photo Metric Cards
Season Count Deck
Photo Stat RowNeubraucht GSAP
Field Numbers StatementNeubraucht GSAP
Arc Path StatementNeu
Rolling Fact StackNeu
Rolling Metrics BandNeu
Amber Glass MetricNeu
Dot Matrix Week CardNeu
Hatched Survey StatsNeu
Quadrant Report BoardNeu
Capsule Chart StatsNeu
Flavor Bloom WheelNeu
Quality Bento Stats
Benchmark Stats SplitNeu
Dotted Ring Stats
Gradient Range Stats
Verdant Stat Circles
Stats Bar
Stat Contrast Bars
Animated Bar Graph

Wie zeigt man Zahlen auf einer Website?

Eine Stats-Section macht aus Behauptungen Belege: 1.200 Kunden, 98 Prozent pünktlich geliefert, 4,9 von 5 Sternen. Die Sections hier zeigen Zahlen als schlichtes Band, als Karten mit Fotos, als Zähler, die hochlaufen, sobald sie sichtbar werden, als Ringe und Balkendiagramme, als Punktmatrix oder als Satz, in dem die Zahlen stehen.

Drei bis vier Zahlen reichen. Wähle Werte, mit denen Besucher etwas anfangen können, gib jeder ein kurzes Label, das sagt, was gezählt wird, und runde ehrlich. Eine Zahl ohne Zusammenhang wie „500+“ sagt weniger als „500 Küchen eingebaut seit 2012“. Zähler und Diagramme laufen einmal ab und zeigen bei reduzierter Bewegung sofort den Endwert. Jede Section ist eine einzelne React-Datei mit Tailwind-Klassen.

Weitere Section-Kategorien

FAQ

Häufige Fragen

Die, nach denen Käufer fragen: wie viele Kunden, wie lange ihr schon arbeitet, wie schnell ihr liefert, wie zufrieden Menschen sind. Drei oder vier, jede mit einem Label, das sagt, was gezählt wird.

Ja, leicht und ehrlich. 1.200 liest sich leichter als 1.187, 98 Prozent klarer als 97,6. Wer über den echten Wert hinaus aufrundet, verliert Vertrauen, sobald jemand nachprüft.

Ja. Ist reduzierte Bewegung eingestellt, zeigen Zähler und Diagramme ihren Endwert ohne Animation.

Deine Frage war nicht dabei? Wir helfen gern weiter.

Kontakt aufnehmen