IDEOGRAPH v2.4 — Interface data-art Y2K, graphe D3.js

Art génératif · Data-art · Interface diégétique

IDEOGRAPH v2.4

Un instrument scientifique fictif qui prend vie sur votre page. La machine démarre, charge sa base de concepts, mappe les connexions sémantiques — puis reste en flux permanent : un graphe à force vivant de nœuds qui s’attirent et se repoussent, sous une esthétique Y2K duo-tone. Une « machine-jouet de luxe » : ludique, précise, autonome.

→ Aucune action requise : la séquence de boot se joue puis le graphe respire en continu.

La technique derrière le design

Le réseau n’est pas décoratif : c’est une véritable simulation de forces D3.js (force-directed graph). Des dizaines de nœuds sont reliés par des liens élastiques ; un moteur physique calcule en direct attraction, répulsion et centrage, et l’ensemble se réorganise à chaque instant. Tout autour, une interface diégétique — séquence de démarrage, jauges de « charge cognitive », compteurs live — raconte une machine crédible. La bibliothèque D3 est vendorisée localement (aucune dépendance CDN externe), le rendu est en SVG, léger et net sur écran Retina.

Idéal pour

SaaS knowledge management & IACartographie conceptuelle / AI toolsAgences tech premium (hero)Portfolios créatifs dev & designLanding pages data-as-art

Palette — Y2K duo-tone

Fond (off-white)
Duo A (cyan)
Duo B (corail)
Texte
Muted

Questions fréquentes

Est-ce une vraie IA ?

Non — c’est une fiction diégétique assumée : une interface qui ressemble à un instrument cognitif autonome. Le graphe, lui, est une vraie simulation de forces D3.js qui se recompose réellement en temps réel. L’effet « machine vivante » est artistique, pas un traitement de vos données.

Est-ce lourd ou risqué pour mon site ?

Non. D3.js est livré en local avec le kit (zéro dépendance CDN externe, donc rien ne casse si un service tiers tombe). Le rendu SVG est léger, et l’animation se met en pause automatiquement hors écran.

Puis-je l’intégrer et l’adapter ?

Oui. Intégration en 5 minutes (un bloc HTML), couleurs duo-tone, densité de nœuds et textes du boot ajustables. La charte design complète (couleurs, typographie, tokens) est fournie avec le kit.

Ce que vous recevez

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

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