À propos de Mermaid Viewer
Qui gère ce site et pourquoi il existe.
De quoi il s'agit
Mermaid Viewer est un éditeur gratuit de diagrammes Mermaid qui fonctionne dans le navigateur. Vous écrivez ou collez du texte Mermaid à gauche, et le diagramme rendu apparaît à droite au fur et à mesure que vous tapez.
Le rendu se fait dans votre navigateur. Votre diagramme n'est ni téléversé, ni stocké, ni traité sur un serveur : Mermaid s'exécute en JavaScript sur votre propre machine, et un fichier déposé est lu localement. C'est pour cela que cela fonctionne avec des diagrammes que vous ne colleriez pas dans un outil hébergé : architecture interne, systèmes dont les libellés contiennent des noms de clients, tout ce qui est couvert par un accord de confidentialité.
Une réserve que je préfère énoncer plutôt que masquer : si vous activez le lien de partage, le diagramme est encodé dans l'URL elle-même, et une URL que vous envoyez à quelqu'un circule sur le réseau. Tout le reste demeure sur votre machine.
Pourquoi il existe
J'avais besoin de documenter une architecture logicielle, et je voulais que les diagrammes vivent dans le dépôt, à côté du code, plutôt que dans un outil de dessin séparé. Mermaid était le format évident pour cela. Ce qui me manquait, c'était un bon moyen de les regarder.
Je n'ai pas commencé par chercher un outil. J'ai regardé le problème, je l'ai jugé petit, et j'ai estimé pouvoir construire quelque chose de propre en peu de temps. Je l'ai donc fait — le premier commit de ce projet date de janvier 2026.
Je l'ai construit pour moi, et pour rien d'autre. Je voulais ouvrir un diagramme, le voir rendu, zoomer sur la partie qui m'intéressait et envoyer un lien à quelqu'un. D'autres l'ont trouvé plus tard, et cela a changé ce à quoi je consacre du temps, mais pas ce qu'est l'outil.
Comment cela fonctionne
Mermaid se charge du rendu. Ce site est tout ce qu'il y a autour : un éditeur en direct avec aperçu instantané, zoom et déplacement pour les diagrammes trop grands pour un écran, trois thèmes, export SVG et PNG, liens de partage encodés dans l'URL, glisser-déposer de fichiers .mmd et .mermaid, et une interface en 18 langues.
L'utilisation est gratuite et financée par une publicité non intrusive.
Contact
Questions et signalements de bugs : dominik@malsch.solutions. Les mentions de l'exploitant figurent dans les mentions légales.
Écrit par Dominik Malsch · Dernière mise à jour: