Tech

Pages techniques, composants et outils du front SmileWanted Preview.

Dashboards Demos Composants API GraphQL Export CSV

Ecrans assembles multi-charts pour un usage metier precis. Chaque dashboard combine KPI cards, graphiques et tables pour repondre a une question business.

Executive Summary Vue direction — revenus, CPM, top partenaires, tendances Partner Health Sante partenaires — fill rate, win rate, discrepancy, latence

Ouvrir Dashboards

Demos 16 charts

Catalogue des 16 types de charts disponibles. Chaque demo montre le chart en live avec les regles d'usage (do/don't), le use case ideal, et les metriques cibles.

Combo Revenue/CPM Barres + ligne, dual-axis KPI Cards + Sparklines Valeur + delta + tendance Heatmap Matrice coloree (correlation, intensite) Tous les charts... Horizontal bar, sankey, treemap, box plot, etc.

Ouvrir Demos

Composants 9 composants

Showcase visuel de tous les composants Svelte reutilisables : Chart, DataGrid, SubNav, Term, DemoBanner, palettes couleurs. Reference pour savoir ce qui existe avant de construire un nouvel ecran.

Chart Wrapper ECharts — lazy, resize, theme-aware

DataGrid Table avec tri, filtre, badges, export CSV

SubNav / PageSidebar Navigation sections pour pages longues

Palette couleurs COLORS, ALERTS, CATEGORICAL — swatches live

Ouvrir Composants

API GraphQL NEW

API backend Workers avec endpoint GraphQL. Donnees de demo realistes (14 partenaires, 10 editeurs, 30 jours de stats). Playground interactif et GraphiQL integre.

Explorer Playground GraphQL integre — requetes, exemples, resultats live GraphiQL Playground GraphiQL officiel (servi par le Worker) Health Check Endpoint REST /api/health (JSON)

Ouvrir API GraphQL

Export CSV WIP

Page de test du composant DataGrid avec export CSV integre. 4 niveaux de complexite croissante : table simple, chiffres/devises, filtrable+triable, headers groupes multi-niveau.