Clododesign

Signal Atlas — tableau de bord de données de luxe (WebGPU)

Art génératif · WebGPU compute (WGSL) · Data-design

Signal Atlas

Un observatoire de données imaginaire, calme et précis. Sparklines vivantes, jauges de calibration, médaillon radial à sept bras : un tableau de bord scientifique d’une élégance horlogère, où chaque chiffre respire le luxe de la mesure.

→ Les instruments sont vivants : intégrité du signal, période orbitale, gradient thermique, champ d’entropie… tout dérive doucement en temps réel, comme une horlogerie de données.

La technique derrière le design

Les flux de données sont simulés en temps réel, idéalement sur le GPU via WebGPU compute (kernels WGSL) — la nouvelle API graphique des navigateurs. Là où WebGPU n’est pas disponible, un repli Canvas 2D (rendu dual-pass avec halo) prend le relais de façon transparente : la pièce reste pleinement vivante partout. Le médaillon central trace un atlas radial à sept bras (360° / 120 s), entouré d’une grille bento d’instruments — sparklines, jauges, histogrammes — animés en continu. La direction artistique tient en deux mots : sophistication silencieuse. Palette cuivre-industrielle sur parchemin, typographie Cormorant italique pour le titre et Space Mono pour la donnée, ≥ 70 % de surface au repos. Fichier unique autonome, zéro dépendance externe critique.

Idéal pour

Cabinets d’architecture premiumHaute horlogerieData-design & analytics de luxeFintech & banque privéeObservatoires & scienceDashboards SaaS haut de gammeRapports & salles de marché

Palette — cuivre industrielle sur parchemin

Parchemin #F5EDE0
Cuivre #C8783C
Ambre #D4A050
Or structurel #B8860B
Encre #2A2420

Questions fréquentes

Qu’est-ce que WebGPU apporte ici ?

WebGPU est la nouvelle API GPU des navigateurs ; elle permet d’exécuter des calculs massivement parallèles (compute shaders WGSL) pour animer les flux de données. Là où elle n’est pas encore disponible, un repli Canvas 2D soigné prend le relais — l’expérience reste identique visuellement.

Les données sont-elles réelles ?

Ce sont des flux génératifs (simulés) pensés comme une démonstration esthétique. La pièce s’intègre parfaitement en hero décoratif ; pour brancher de vraies métriques, la structure des cellules et l’API de mise à jour sont documentées dans la charte.

Est-ce adapté au mobile et léger ?

Oui. La grille bento se réorganise en colonne, le repli Canvas 2D garantit le rendu partout, et la densité de pixels est maîtrisée. C’est un fichier unique autonome, sans dépendance externe critique, intégrable en 5 minutes.

Ce que vous recevez

Le kit complet : widget autonome (un seul fichier, intégration en 5 minutes), fragment WordPress copier-coller, art génératif injectable, charte design (couleurs, typographie, tokens, états système) et documentation. Usage commercial illimité.

Voir toute la collection → Tout l’art génératif