La méthode de travail
Baoyu Diagram écrit des diagrammes SVG autonomes pour l’architecture, les organigrammes, les séquences, les chronologies et d’autres explications structurelles, au lieu de demander à un modèle d’image de peindre les libellés. La source fournit un système visuel sombre avec des couleurs sémantiques, une typographie à chasse fixe et des consignes de mise en page propres à chaque type de diagramme.
Un détail d’implémentation distinctif est son ordre de superposition : les connecteurs sont dessinés derrière des masques opaques et des boîtes de composants translucides afin que les lignes n’apparaissent pas à travers les libellés. L’espacement, l’emplacement de la légende et le remplissage du viewBox font partie du contrat du diagramme. Un script fourni peut ensuite produire un PNG en plus haute résolution pour les outils qui n’acceptent pas le SVG.
Livrables attendus
- Un diagramme SVG redimensionnable avec texte et géométrie explicites
- Un export PNG produit à partir du SVG
- Une mise en page dont les groupes, les flux et la légende correspondent au système fourni
Du brief à la relecture
- 01Choisir le modèle de relations
Déterminez si l’information est une séquence, un flux de décision, une hiérarchie, une architecture ou une autre structure prise en charge.
- 02Planifier les nœuds et les connexions
Listez les entités, les limites de regroupement et le sens des flux avant d’attribuer les positions et de router les flèches.
- 03Générer et vérifier le graphe
Écrivez le SVG, inspectez les chevauchements et les marges autour des libellés, puis exportez un PNG et vérifiez que les deux formats restent lisibles.