Visualisations¶
Le kit produit deux visualisations as-is du modèle. Elles sont autoporteuses (HTML + SVG inline, pas de dépendance runtime) et destinées à porter le modèle auprès de publics différents :
- Sponsors et décideurs : un regard analytique, systémique, structuré.
- Ateliers et facilitation : un regard narratif, dessiné main, invitant à la discussion.
-
Modèle as-is
Rendu systémique en cases et flèches. Représente la circulation de l'information entre les trois couches du kit (déterministe, IA, artefacts) et la machine d'états.
-
Facilitation graphique
Poster SVG hand-drawn pour animation d'atelier. Raconte le kit comme une histoire plutôt que comme un diagramme.
Pourquoi deux visualisations¶
Une équipe qui présente le kit doit choisir son angle selon l'audience et le moment :
| Audience | Moment | Visualisation recommandée |
|---|---|---|
| COMEX, comité portfolio | Arbitrage, investissement | Modèle systémique |
| Équipe produit | Onboarding, atelier de cadrage | Facilitation graphique |
| Développeurs | Formation technique | Modèle systémique + Architecture |
| Sponsor linéaire découvrant le kit | Premier contact | Facilitation graphique |
Principe : les deux disent la même chose¶
Les deux visualisations encodent le même modèle — ce ne sont pas deux théories concurrentes, ce sont deux régimes de lecture. Un changement de modèle doit être reflété dans les deux. Un sponsor peut basculer de l'une à l'autre sans désapprendre.
Intégration dans le site¶
Les fichiers sources vivent dans docs/as-is/*.html. Le générateur tools/docs/copy-embeds.js les copie dans docs/assets/embeds/ au build. Les pages Modèle as-is et Facilitation les intègrent via <iframe> — chargement à la demande, pas de pollution du CSS du site.
Liens¶
- V4 — As-is synthesis : le chapitre du journal qui raconte la conception de ces visualisations.
- Vision : l'explication narrative qui complète les visualisations.