Aperçu Mermaid

Modifier des diagrammes Mermaid, voir un aperçu direct et télécharger le SVG.

À propos de cet outil

Choisissez un exemple ou saisissez du code Mermaid, puis Afficher (Ctrl/⌘+Entrée dans l’éditeur). Après la première demande, Direct suit les modifications après une courte pause ; désactivez-le pour un affichage manuel. Entrée seule garde une nouvelle ligne. Toute modification invalide immédiatement l’ancien aperçu et le téléchargement.

Exemples : organigramme, séquence, classe, Gantt, secteurs, états et entité-relation. Les libellés sont des données de démonstration modifiables. Les erreurs apparaissent près de l’éditeur, avec une ligne si disponible. Corrigez puis réessayez.

Ajuster la largeur réduit les grands diagrammes sans agrandir les petits. Désactivez pour défiler localement à taille naturelle. Le SVG contient le dernier diagramme valide avec viewBox et dimensions explicites. Ce n’est ni un PDF ni un document bureautique. Les lecteurs SVG diffèrent pour les libellés HTML.

Mermaid 10.9.5 est chargé depuis jsDelivr au premier affichage. Le calcul reste dans le navigateur ; le CDN reçoit la requête de bibliothèque, pas votre code. Réessayez après une erreur réseau/CSP ; une erreur de module mémorisée peut imposer de recharger la page. Le brouillon reste en mémoire à la navigation, pas au rechargement. Limites : 20000 caractères et 500 liens. Un grand diagramme peut prendre du temps, sans interruption forcée du calcul actif. Mode strict et sortie assainie ; images externes intégrées omises.