Graphviz DOT en ligne

Graphviz DOT, en diagramme modifiable.

Collez un graphe DOT et LetDraw le transforme en vraies formes et flèches que vous pouvez déplacer, restyler et partager. C’est Graphviz DOT en ligne sans image figée à la fin : les clusters deviennent des cadres et les libellés d’arêtes suivent. Tout se passe dans votre navigateur, avec export en PNG, SVG ou PDF.

Coller un graphe DOT Comment ça marche
deps.dot · graphe modifiable
backend calls reads sends loads web api database queue cdn
Étape par étape

Comment ouvrir Graphviz DOT en ligne dans LetDraw

D’un fichier .dot à un graphe modifiable et partageable en une minute, directement dans votre navigateur.

  1. Ouvrez Générer à partir du code

    Dans LetDraw, ouvrez Générer à partir du code (une fonctionnalité Pro) depuis le menu Plus ou la palette de commandes.

  2. Collez votre DOT

    Collez un graph ou un digraph, ou chargez un fichier .dot ou .gv. Le format est détecté automatiquement et un aperçu en direct s’affiche.

  3. Choisissez une disposition

    Choisissez de haut en bas ou de gauche à droite, un style net ou croquis, et masquez les types de libellés d’arêtes inutiles.

  4. Insérer et partager

    Insérez-le sur le canevas, modifiez-le comme n’importe quel dessin, partagez un lien ou exportez-le en PNG, SVG ou PDF.

Du DOT au diagramme

Un visualiseur DOT qui vous donne un graphe modifiable

LetDraw lit lui-même le langage DOT et dispose le graphe avec sa propre mise en page par clusters : le résultat est fait de vraies formes, pas d’une image rendue. Les déclarations de nœuds et d’arêtes, les chaînes comme a -> b -> c, les attributs label et les blocs subgraph cluster_ sont tous compris.

  • Les clusters deviennent des cadres, nommés d’après le libellé du cluster
  • Connecteurs intelligents qui contournent les formes au lieu de les traverser
  • Export en Mermaid ou D2 quand vous avez de nouveau besoin du graphe sous forme de code
Essayer maintenant
digraph G { subgraph cluster_b { label="backend"; api -> db; } web -> api [label="calls"]; } calls web backend api db
Ce que l’on dessine

Que faire avec Graphviz DOT en ligne

Beaucoup d’outils et de scripts produisent du DOT. LetDraw transforme cette sortie en diagramme sur lequel on peut travailler.

Graphes de dépendances

Collez le DOT produit par un outil de build ou de paquets et mettez le résultat au propre pour le présenter.

Machines à états

Transformez des états et transitions écrits en DOT en un diagramme que toute l’équipe peut lire et annoter.

Graphes générés

Faites produire du DOT par un script pour des graphes d’appels, des pipelines ou du lignage de données, puis peaufinez le diagramme à la main.

Vieille doc, nouvelle vie

Déplacez les fichiers .dot d’un ancien wiki vers un canevas où chacun peut les modifier sans chaîne d’outils.

Relire ensemble

Partagez le tableau, épinglez des commentaires sur n’importe quel nœud et modifiez le graphe à plusieurs en temps réel.

Enseigner les graphes

Écrivez un petit graphe en DOT, ouvrez-le sur le canevas et dessinez par-dessus pendant vos explications.

Questions

FAQ sur Graphviz DOT en ligne

Ouvrir des fichiers DOT dans LetDraw est-il gratuit ?
Générer à partir du code, qui transforme un graphe DOT en diagramme, est inclus dans Pro. Le dessin à la main, les modèles, les bibliothèques de formes et l’export en PNG, SVG et PDF sont gratuits avec le forfait Free, sans carte bancaire.
LetDraw exécute-t-il Graphviz ?
Non. LetDraw lit le texte DOT dans votre navigateur et utilise sa propre mise en page : la position des nœuds peut donc différer d’un rendu Graphviz. En échange, chaque nœud et chaque flèche est une forme modifiable.
Quelles parties de DOT sont prises en charge ?
Les graph et digraph, les déclarations de nœuds et d’arêtes, les chaînes d’arêtes, les attributs label et les clusters de subgraph avec libellés. Les libellés HTML, les ports de record et les réglages de rank sont ignorés, et les arêtes non orientées sont dessinées comme des flèches.
Puis-je exporter à nouveau le graphe ?
Oui. Exportez-le en PNG, SVG ou PDF, partagez un lien ou une vue en lecture seule, ou exportez-le en code Mermaid ou D2.

D’autres façons de créer un diagramme à partir du code

Diagrammes Terraform Diagrammes Helm PlantUML en ligne SQL vers diagramme ER Visualiseur OpenAPI Graphe Git Visualiseur EXPLAIN Créer un logigramme

Votre graphe DOT, prêt à modifier.

Ouvrez LetDraw dans votre navigateur, collez du DOT et obtenez des formes que vous pouvez déplacer. Rapide, et rien à installer.