VLLNT UI · Famille de composants

Composants Data

Data components turn records into something readable — sortable tables, lists, charts, metrics, gauges, and live status boards. Feed them your data and they handle filtering, formatting, and layout.

Charts & Graphs

Area, bar, line, pie, radar, gauge, sankey, and flow charts for visualizing any dataset.

Market & Trading

Candlestick charts, order books, treemaps, ticker tapes, and watchlists for financial and market data.

Tables & Lists

Sortable data tables, key-value lists, and side-by-side comparisons for structured records.

Metrics & KPIs

Stat cards, metric gauges, sparklines, progress bars, and overview boards for headline metrics and dashboards.

Stat Card

Carte de KPI principale pour les metriques, les tendances et le contexte associe. Installez Stat Card depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Metric Cluster

Pile compacte de metriques liees epinglee au coin d'un objet du canvas. Installez Metric Cluster depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Metric Gauge

Affichage en arc et cadran en temps reel pour les pourcentages surveilles et l'utilisation. Installez Metric Gauge depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Sticky Metric

Pastille de metrique epinglee qui adhere au coin d'un objet du canvas. Installez Sticky Metric depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Threshold Ring

Jauge circulaire compacte indiquant a quel point une valeur approche un seuil. Installez Threshold Ring depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Sparkline Grid

Grille de KPI composee de tuiles de valeurs etiquetees, chacune associee a une tendance sparkline compacte. Installez Sparkline Grid depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Overview Board

Grille de cartes d'apercu pour des tableaux de bord en un coup d'oeil — une rangee de metriques cles avec un espacement et un ton coherents. Installez Overview Board depuis le registre VLLNT UI avec la CLI shadcn.

1 story

Progress Bar

Indicateur de progression visuel avec etiquettes et etat d'achevement. Installez Progress Bar depuis le registre VLLNT UI avec la CLI shadcn.

1 story

Progress Card

Carte affichant les metriques de progression et le statut. Installez Progress Card depuis le registre VLLNT UI avec la CLI shadcn.

1 story

Status & Signals

Status boards, indicators, severity badges, alerts, and timers for real-time operational health.

Activity & Presence

Activity feeds, heatmaps, timelines, live streams, and presence avatars for monitoring what is happening and who is online.

Activity Heatmap

Grille de type contributions pour visualiser l'activite operationnelle dans le temps. Installez Activity Heatmap depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Activity Log

Flux d'activite pagine pour l'historique d'audit et les changements analytiques. Installez Activity Log depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Contribution Graph

Carte thermique de style GitHub de l'activite quotidienne au fil du temps. Installez Contribution Graph depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Live Feed

Flux d'activite continu pour faire remonter les incidents, les deploiements et les signaux operationnels en temps reel. Installez Live Feed depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Bottom Activity Strip

Rangee fine a defilement horizontal des evenements recents du canevas pour une activite en direct discrete. Installez Bottom Activity Strip depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Run Timeline

Chronologie d'execution multi-voies montrant les phases d'execution au fil du temps, avec curseur optionnel. Installez Run Timeline depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Heat Overlay

Surcouche de type carte de chaleur dessinant des taches radiales douces pour echantillons d'activite du canvas. Installez Heat Overlay depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Gantt Chart

Chronologie de projet avec barres de taches, superpositions de progression, jalons et un indicateur du jour sur des echelles jour/semaine/mois/trimestre. Installez Gantt Chart depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Mini Map Panel

Panneau d'apercu de la vue montrant les limites du canvas, les marqueurs et la fenetre de zoom actuelle. Installez Mini Map Panel depuis le registre VLLNT UI avec la CLI shadcn.

1 story

World Clock Bar

Affichage multi-fuseaux horaires pour les equipes en continu et les passations operationnelles. Installez World Clock Bar depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Avatar Group

Pile d'avatars superposes pour les participants, les personnes assignees et les contextes collaboratifs. Installez Avatar Group depuis le registre VLLNT UI avec la CLI shadcn.

2 stories

Presence Stack

Avatars de presence en direct qui se chevauchent, avec pastilles de statut et une puce de debordement raisonnable. Installez Presence Stack depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Questions frequentes

What's in the data family?
Tables and data tables, lists, charts, metrics, gauges, status boards, and activity feeds — the surfaces that read, filter, and summarize records.