Visualisez vos idees avec du Code

Mermaid est un outil de creation de diagrammes et de graphiques base sur JavaScript qui transforme des definitions textuelles inspirees de Markdown en diagrammes dynamiques. Il vous permet de creer des organigrammes, des diagrammes de sequence, des diagrammes de classes, des diagrammes d'etats et bien plus encore en utilisant une syntaxe textuelle simple.

Oui, cet editeur Mermaid en ligne est entierement gratuit. Il n'y a pas de frais caches ni de fonctionnalites premium. Vous pouvez creer un nombre illimite de diagrammes et utiliser toutes les fonctionnalites sans aucune restriction.

Vous pouvez copier le code Mermaid directement depuis l'editeur pour le sauvegarder dans vos propres fichiers. Le code peut etre colle dans n'importe quel fichier Markdown, README GitHub ou documentation prenant en charge le rendu Mermaid.

L'editeur prend en charge tous les types de diagrammes Mermaid.js, y compris les organigrammes, les diagrammes de sequence, les diagrammes de Gantt, les diagrammes de classes, les diagrammes d'etats, les diagrammes entite-relation, les cartes de parcours utilisateur, les graphes Git et les diagrammes circulaires.

Absolument ! Les diagrammes crees avec cet editeur peuvent etre utilises a toutes fins, y compris les projets commerciaux, les presentations, la documentation et les supports pedagogiques.

Aucune installation requise ! C'est un editeur Mermaid en ligne base sur le navigateur. Visitez simplement le site web et commencez a creer des diagrammes immediatement. Il fonctionne sur tous les navigateurs modernes, y compris Chrome, Firefox, Safari et Edge.

Contrairement aux outils de diagrammes traditionnels par glisser-deposer, notre editeur Mermaid utilise une approche axee sur le code. Vous ecrivez une syntaxe textuelle pour definir les diagrammes, ce qui les rend versionnables, faciles a mettre a jour et parfaits pour etre inclus dans la documentation aux cotes de votre code. Cette approche est plus rapide pour les developpeurs et maintient les diagrammes en coherence avec votre base de code.

Le format d'export principal est le code Mermaid lui-meme, qui peut etre rendu en images par les plateformes prenant en charge Mermaid.js comme GitHub, GitLab, Notion et de nombreux generateurs de documentation. Vous pouvez egalement utiliser des outils de capture d'ecran du navigateur pour capturer le diagramme rendu.

Le chargement initial necessite une connexion internet, mais une fois la page chargee, le rendu des diagrammes se fait entierement dans votre navigateur. Vos donnees de diagramme ne quittent jamais votre ordinateur, garantissant confidentialite et securite.

Notre editeur inclut des modeles d'exemples pour les types de diagrammes courants comme les organigrammes, les diagrammes de sequence et les diagrammes de Gantt. Cliquez sur les boutons de modeles pour charger des exemples et apprendre la syntaxe. La documentation officielle de Mermaid.js fournit egalement des guides complets pour tous les types de diagrammes et les fonctionnalites avancees.

mermaid.live is the official Mermaid Live Editor maintained by the Mermaid team. mermaideditor.com is an independent free editor with a richer toolset: dedicated PNG, SVG, JPG, WEBP, and PDF exporters; a SQL-to-ERD converter; a PlantUML-to-Mermaid converter; and a multi-language interface. Both editors are free and require no signup — pick whichever fits your workflow.

Yes. Use the dedicated exporters — Mermaid to PNG, Mermaid to SVG, Mermaid to JPG, Mermaid to WEBP, and Mermaid to PDF. Each runs entirely in your browser, lets you customize resolution and background, and requires no account. Your diagram code never leaves your computer.

Yes. The SQL to Mermaid ERD Converter takes DDL from MySQL, PostgreSQL, SQLite, or MariaDB and produces a live Mermaid erDiagram with foreign keys detected automatically. Conversion runs in your browser, so nothing is uploaded to a server.

Yes. The PlantUML to Mermaid Converter handles sequence, class, activity, and use case diagrams. You can also batch-upload multiple .puml or .plantuml files and download the converted Mermaid output as a ZIP. Conversion is fully client-side.

Yes. Mermaid is supported natively on GitHub, GitLab, Notion, Obsidian, and many other Markdown-based platforms. Wrap your diagram in a fenced code block tagged ``` mermaid and it renders automatically. The code generated by this editor pastes directly into any of those.