Mermaid Viewer

Live Preview

Rend instantanément le code Mermaid sous forme de diagramme pendant la saisie, éliminant les étapes de rendu manuelles et simplifiant le retour visuel pour accélérer l’itération.

AI‑Assisted Coding

Un bouton «Generate with GPT‑4» traduit les descriptions en langage naturel en syntaxe Mermaid, accélérant la création de diagrammes et réduisant la courbe d’apprentissage pour les nouveaux utilisateurs.

Smart Export

Exportez les diagrammes en SVG, PNG, JPG, PDF ou Markdown avec contrôle DPI et sélection de thème, pour des actifs de haute qualité destinés à la documentation ou aux présentations.

Smart Debugging

Met en évidence les erreurs de syntaxe en temps réel et propose des suggestions d’auto‑correction, améliorant la qualité du code et réduisant la frustration lors de l’édition de diagrammes.

Real‑time Collaboration

Partagez des liens vers l’éditeur en direct avec vos coéquipiers, permettant des modifications simultanées et des mises à jour visuelles instantanées, favorisant un travail collaboratif agile sur des projets de diagrammes complexes.

Privacy First

Les données restent stockées localement dans le navigateur ; aucun diagramme n’est envoyé vers des serveurs externes, garantissant la confidentialité des utilisateurs et la conformité aux flux de travail sensibles aux données.

No Signup

Les utilisateurs peuvent commencer à créer des diagrammes immédiatement sans créer de compte, réduisant la friction et offrant un accès instantané pour des prototypes rapides.

• Étudiants : Créez des organigrammes académiques et des chronologies avec Mermaid Viewer en ligne gratuitement, prévisualisez instantanément sans inscription.
• Développeurs : Intégrez le plugin Mermaid Viewer VSCode pour rendre les diagrammes directement dans l’éditeur de code, enrichissant ainsi la documentation.
• Chefs de projet : Exportez des diagrammes de Gantt et des graphiques Git en PNG ou SVG haute résolution depuis Mermaid Viewer gratuit, partagez-les rapidement.
• Équipes collaboratives : Partagez des liens d’édition en temps réel sur Mermaid Viewer en ligne pour co‑créer des diagrammes d’état avec collaboration en temps réel.

Comment sauvegarder mes diagrammes ?

Mermaid Viewer permet aux utilisateurs de télécharger leurs créations directement depuis l’éditeur. Après avoir composé un diagramme, cliquez sur le bouton « Exporter » et choisissez un format tel que SVG, PNG ou PDF. Chaque format peut être personnalisé en termes de résolution, DPI et thème clair ou sombre avant de sauvegarder, assurant que le fichier soit prêt pour l’archivage ou la présentation.

Comment partager des diagrammes avec mon équipe ?

Pour partager un diagramme, il suffit de copier le lien de partage unique généré par Mermaid Viewer. Collez ce lien dans un e‑mail, un chat ou une plateforme de collaboration. Les destinataires disposant du lien peuvent ouvrir le diagramme dans leur navigateur, l’éditer si les permissions sont accordées ou le télécharger dans leur format préféré sans avoir besoin d’installation.

Quels types de diagrammes sont pris en charge ?

Mermaid Viewer prend en charge un ensemble complet de types de diagrammes entièrement compatibles Mermaid. Ceux-ci incluent les diagrammes de flux, les diagrammes de séquence, les diagrammes de classes, les diagrammes d’état, les diagrammes ER, les graphiques Gantt, les graphiques circulaires, les diagrammes de exigences, le graphique Git, les diagrammes C4, les cartes mentales et les diagrammes de chronologie. Chaque type suit la syntaxe standard Mermaid, permettant un rendu instantané dans l’éditeur.

Dois‑je installer quelque chose ?

Aucune installation n’est nécessaire pour utiliser Mermaid Viewer en ligne. Toutes les fonctions de rendu, d’édition et d’exportation fonctionnent entièrement dans le navigateur web, sans nécessiter de logiciels ou de plugins locaux. Les utilisateurs peuvent accéder à l’éditeur depuis n’importe quel appareil — Windows, macOS, Linux ou mobile — en naviguant simplement sur le site de Mermaid Viewer.

Comment exporter des diagrammes haute résolution ?

Les exportations haute résolution se réalisent en sélectionnant l’option « Exporter » et en choisissant un format comme SVG, PNG ou PDF. L’éditeur permet d’ajuster les paramètres DPI et de choisir entre les modes clair ou sombre pour correspondre à la marque ou aux besoins de présentation. Pour les plans premium, les PNG haute résolution sont sans filigrane, et des formats supplémentaires tels que JPG et SVG sont disponibles.

Puis‑je collaborer sur un diagramme en temps réel ?

Mermaid Viewer propose des outils de collaboration en temps réel. En envoyant un lien d’édition en direct, plusieurs utilisateurs peuvent éditer le même diagramme simultanément. Les modifications se reflètent instantanément pour tous les participants, éliminant les conflits de version et simplifiant le travail d’équipe sur les diagrammes d’architecture ou de processus partagés.

Mes données sont‑elles stockées sur le serveur ?

Mermaid Viewer est conçu avec la confidentialité à l’esprit. Toutes les données et le code du diagramme restent dans la session du navigateur de l’utilisateur. La plateforme ne stocke aucun contenu généré par l’utilisateur, sauf si l’utilisateur opte explicitement pour enregistrer un diagramme via la fonction d’historique des versions d’un plan payant. Cela garantit que les informations sensibles du projet restent protégées et privées.

Comment puis‑je utiliser Mermaid Viewer avec VS Code ?

Mermaid Viewer s’intègre à VS Code grâce à une extension officielle. Une fois installée, l’extension permet de prévisualiser les diagrammes Mermaid directement dans l’éditeur, offrant un volet de prévisualisation en direct qui se met à jour à mesure que vous tapez. Elle supporte également l’exportation vers plusieurs formats et l’exploitation des mêmes fonctionnalités de génération AI disponibles sur la plateforme en ligne.

Mermaid Viewer est un éditeur de diagrammes en ligne qui permet aux utilisateurs d'écrire du code Mermaid, de voir un aperçu en direct instantané, de partager des diagrammes et d'exporter vers SVG/PNG/Markdown — le tout sans s'inscrire.

• Collez ou tapez la syntaxe Mermaid dans le panneau d'édition ; dans la zone d'aperçu à droite, le diagramme se rend dès que vous tapez, vous offrant une visualisation instantanée.
• Utilisez le bouton «Generate with GPT‑4» pour convertir des descriptions en langage naturel en code Mermaid ; modifiez le résultat directement ou peaufinez-le manuellement.
• Appliquez le thème et les réglages DPI dans le panneau Export ; choisissez le mode clair ou sombre, spécifiez la résolution SVG ou PNG, puis cliquez sur «Export» pour télécharger l'image.
• Partagez votre diagramme en cliquant sur le bouton «Share» ; copiez le lien ou le code d'intégration afin que les collaborateurs puissent co-éditer ou visualiser le diagramme en direct.
• Si vous travaillez hors ligne ou sur un serveur local, téléchargez l'application Mermaid Viewer pour Windows, macOS ou Linux ; lancez le binaire et utilisez la même interface d'édition.
• Vérifiez la mise en évidence de la syntaxe et les suggestions de correction automatique en temps réel ; les erreurs s'affichent dans l'éditeur et peuvent être résolues avant l'export.