VLLNT UI · Famille de composants

Composants Data Display

Data-display components visualize spatial and temporal data — 2D maps, 3D globes, choropleths, heatmaps, route maps, and timelines. They render from plain data props, no map tiles or external services required.

Maps & Geography

Choropleth maps, 3D globes, route maps, and geographic heat maps for spatial and geospatial data.

Choropleth Map

Carte choroplethe SVG autonome, polygones de regions colores selon la valeur des donnees avec info-bulle, legende et repli en tableau de donnees accessible. Installez Choropleth Map depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Geography Quiz Map

Quiz cartographique interactif en mode identification — cliquez la bonne region a chaque question avec retour visuel, score et panneau de resultats. Installez Geography Quiz Map depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Globe 3D

Globe pseudo-3D SVG autonome — projection orthographique avec rotation automatique, interaction par glisser, marqueurs lat/lng et arcs de grand cercle. Installez Globe 3D depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Heat Map Overlay

Carte de chaleur geographique SVG autonome — taches en degrade radial avec rayon, flou, degrade et opacite configurables. Installez Heat Map Overlay depuis le registre VLLNT UI avec la CLI shadcn.

5 stories

Map 2D

Primitive de carte 2D legere — canvas SVG avec projection equirectangulaire, marqueurs, popups, couches de polygones GeoJSON, controles de zoom et une image de fond optionnelle. Installez Map 2D depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Map Timeline

Carte SVG autonome et curseur temporel — les polygones d'epoque et les evenements dates apparaissent lorsque l'utilisateur parcourt la chronologie. Installez Map Timeline depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Route Map

Carte SVG autonome avec traces de routes animes, points de passage et indicateur de progression. Pour routes commerciales, voyages, migrations et suivi de livraison. Installez Route Map depuis le registre VLLNT UI avec la CLI shadcn.

5 stories

Story Map

Carte narrative SVG autonome pilotee par le defilement — IntersectionObserver suit le chapitre actif et la carte se deplace vers son centre + zoom. Installez Story Map depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Timelines

Chronological, historical, and interactive multi-track timelines for sequencing events over time.

Canvas Overlays

Beams, beacons, selection halos, snap guides, and follow-mode chrome for interactive spatial canvases.

Questions frequentes

How is data-display different from data?
Visualization-first components — maps, globes, choropleths, heatmaps, timelines, and specialized charts — that render spatial or temporal data.