Datendarstellung

Rolling stat tiles

Eine Reihe von Statistikplättchen, deren große Zahlen Ziffer für Ziffer auf einen neuen Wert rollen, anstatt einzurasten.

This week

Monthly revenue

Conversion rate

Active users

Rolling stat tiles verwenden

Eine Reihe von Statistikplättchen, deren große Zahlen Ziffer für Ziffer auf einen neuen Wert rollen, anstatt einzurasten.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accentColor, tileCount, compactNotation

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2299Animated metric counterDatendarstellungEine große, bloße Zahl, die in dem Moment, in dem sie ins Bild gescrollt wird, von einem Startwert zu ihrem Ziel hochspringt und leicht über das Ziel hinausschießt, bevor sie sich stabilisiert, mit Tausendertrennzeichen und einem optionalen Suffix.

2391Odometer digit counterDatendarstellungEine Zahl, die als mechanische Ziffern des Kilometerzählers angezeigt wird und bei jeder Wertänderung in ihre neue Position springt.

2042Sliding digit counterDatendarstellungEine Summe, die hochgezählt wird, indem jede Ziffernspalte an ihren Platz gerollt wird, während sich daneben ein Stern füllt und bei der Landung ein paar Partikel zerplatzt.

1946Count wheel badgeDatendarstellungEin vertikales Zahlenrad, das durch abgerundete Schritte zu einer Gesamtsumme rollt, mit einem Stern in der Mitte, der sich mit steigender Zahl füllt.

2133Counting metricDatendarstellungEine große Zahl, die sich beim ersten Betrachten sanft von einem Startwert bis zu ihrem Ziel bewegt, formatiert mit Tausendertrennzeichen und festen Dezimalstellen.

2328Counting number readoutDatendarstellungEin großer Wert, der auf einer langsamer werdenden Kurve bis zu seinem Wert hochzählt und den Text direkt in jedem Frame schreibt, sodass das Layout nie ins Wanken gerät.