Vos architectures, animées en JSON.
Un moteur qui transforme une spécification JSON en animation déterministe et navigable, avec une liaison par framework. Idéal pour vos démonstrations d'architecture, tutoriels et documentation interactive.
Démonstrations
Trois lignes de JSON.
Des animations infinies.
Chaque scénario ci-dessous est généré depuis la spec JSON affichée. Modifiez la spec, l'animation se met à jour instantanément.
Architecture client serveur
Fonctionnalités
Tout ce qu’il vous faut, rien de plus.
Placement automatique
Définissez uniquement les lanes — la librairie positionne chaque nœud automatiquement, en left-to-right, circular ou top-to-bottom.
Lecteur intégré
Lecture, pause, retour au début et navigation step-by-step. Vos utilisateurs contrôlent l'animation à leur propre rythme.
Spec JSON simple
Décrivez nœuds, connexions et actions dans un seul objet JSON. TypeScript first, avec un schéma complet pour l'autocomplétion.
Actions parallèles
Lancez plusieurs animations simultanément avec le type `parallel`. Idéal pour illustrer des requêtes concurrentes ou microservices.
Contenu riche
Les nœuds peuvent afficher du code avec coloration syntaxique, du texte formaté ou des images, et un badge `subicon` pour la techno (React, PostgreSQL, Node…). Le contenu mute en cours d'animation.
Sans framework
Un moteur, trois liaisons fines : `<DataFlowPlayer>` en React, `<dfa-player>` en Angular, `<dataflow-player>` partout ailleurs. Le cœur se monte aussi tout seul.
Prêt à commencer ?
Votre prochaine animation, à portée de JSON.
Installez la librairie, copiez un exemple, et vous avez votre première animation en moins de 5 minutes.