Datendarstellung

Visitor Map Card

Eine breite Verkehrskarte, die auf einer grobkacheligen Weltkarte aufgebaut ist, wobei jede Region durch ihren Anteil eingefärbt wird und beim Bewegen des Mauszeigers die Überschrift auf diese Region verlagert wird.

Visitor Map Card verwenden

Eine breite Verkehrskarte, die auf einer grobkacheligen Weltkarte aufgebaut ist, wobei jede Region durch ihren Anteil eingefärbt wird und beim Bewegen des Mauszeigers die Überschrift auf diese Region verlagert wird.

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, cellSize, total, trend, title

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

Animated metric counter

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.

Count wheel badge

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.

Counting metric

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.

Counting number readout

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.

Counting readout

2134Counting readoutDatendarstellungEine metrische Zahl, die von einem Startwert bis zu ihrem Ziel auf einer Feder zählt, wenn sie zum ersten Mal angezeigt wird, mit festen Dezimalstellen und optionaler Nullauffüllung.

Sliding digit counter

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.