Moteur de diagrammes
Dessine un organigramme de 1 000 nœuds en 71 ms, là où mermaid en met 59 418. Organigrammes, séquences, camemberts, courbes, diagrammes de Gantt, états, cartes mentales et paquets : le moteur de diagrammes dessine à partir d’un simple texte, sans mermaid. Le résultat est un SVG léger, qui s’affiche presque instantanément même pour un grand schéma.
Chiffres clés
- 71 ms pour 1 000 nœuds : contre 59 418 ms pour mermaid, mesuré sous jsdom
- 216 diagrammes réels sur 239 dessinés : les autres affichent un message clair avec leur source
- 34 Ko de SVG pour 100 nœuds : contre 219 Ko
Avant et maintenant
- Organigramme de 10 nœuds : 586 ms avant, 2,6 ms maintenant (225,4 fois mieux). mermaid mesuré sous jsdom contre moteur maison.
- Organigramme de 100 nœuds : 4,2 s avant, 10 ms maintenant (415,2 fois mieux). 3 ms au repos.
- Organigramme de 1 000 nœuds : 59,4 s avant, 71 ms maintenant (836,9 fois mieux). 25 ms au repos.
- SVG produit, 100 nœuds : 219 Ko avant, 34 Ko maintenant (6,4 fois mieux).
- Code envoyé au navigateur (brotli) : 838 Ko avant, 140 Ko maintenant (6 fois mieux). environ 140 Ko maintenant.
Ce que ce moteur remplace
Moteur de diagrammes remplace mermaid dans l’application.
Comment ça marche
- Lire le texte du diagramme. Le schéma s’écrit en quelques lignes de texte, comme avec mermaid, et reste modifiable à la main.
- Placer nœuds et liens. Une disposition automatique place les éléments et trace les liens, sans réglage.
- Dessiner un SVG léger. Le résultat est un dessin vectoriel de quelques dizaines de Ko, net à toutes les tailles.
- Dire quand on ne sait pas. Pour un type de diagramme non géré, un message clair s’affiche avec le source du diagramme : jamais une page blanche.
Ce qui n’est pas parfait
- Types non gérés : diagramme de classes, ER, timeline, quadrant. Ils affichent un message clair avec le source.
- 216 des 239 diagrammes réels du dépôt se dessinent ; les autres restent à traiter.
- La référence mermaid est mesurée sous jsdom, pas dans un vrai navigateur : l’écart réel est probablement plus grand, mais ce n’est pas mesuré.
- Les mesures sont internes et prises sur des organigrammes ; les autres types n’ont pas de comparaison chiffrée.
Source des chiffres
Document du dépôt AstroQuest : docs/reference/bilan-moteurs-natifs-2026-10-05.md. Mesures internes, en développement, sur fichiers réels : des ordres de grandeur, pas des garanties.
Questions fréquentes
Que fait la technologie « Moteur de diagrammes » d’AstroQuest ?
Organigrammes, séquences, camemberts, courbes, diagrammes de Gantt, états, cartes mentales et paquets : le moteur de diagrammes dessine à partir d’un simple texte, sans mermaid. Le résultat est un SVG léger, qui s’affiche presque instantanément même pour un grand schéma.
Quelles sont les limites de « Moteur de diagrammes » ?
Types non gérés : diagramme de classes, ER, timeline, quadrant. Ils affichent un message clair avec le source. 216 des 239 diagrammes réels du dépôt se dessinent ; les autres restent à traiter. La référence mermaid est mesurée sous jsdom, pas dans un vrai navigateur : l’écart réel est probablement plus grand, mais ce n’est pas mesuré. Les mesures sont internes et prises sur des organigrammes ; les autres types n’ont pas de comparaison chiffrée.