Graphviz DOT online

Graphviz DOT als editierbares Dia­gramm.

Füge einen DOT-Graphen ein und LetDraw macht daraus echte Formen und Pfeile, die du verschieben, umgestalten und teilen kannst. Das ist Graphviz DOT online ohne statisches Bild am Ende: Cluster werden zu Rahmen und Kantenbeschriftungen kommen mit. Alles läuft in deinem Browser, mit Export als PNG, SVG oder PDF.

DOT-Graphen einfügen So funktioniert's
deps.dot · Graph
backend calls reads sends loads web api database queue cdn
Schritt für Schritt

So öffnest du Graphviz DOT online in LetDraw

Von der .dot-Datei zum teilbaren, editierbaren Graphen in einer Minute, direkt in deinem Browser.

  1. „Aus Code generieren“ öffnen

    Öffne in LetDraw „Aus Code generieren“ (eine Pro-Funktion) über das Menü „Mehr“ oder die Befehlspalette.

  2. DOT einfügen

    Füge einen graph oder digraph ein oder lade eine .dot- oder .gv-Datei. Das Format wird automatisch erkannt und eine Live-Vorschau erscheint.

  3. Layout wählen

    Wähle von oben nach unten oder von links nach rechts, einen klaren oder skizzenhaften Stil, und blende Arten von Kantenbeschriftungen aus, die du nicht brauchst.

  4. Einfügen und teilen

    Füge es auf der Leinwand ein, bearbeite es wie jede Zeichnung, teile einen Link oder exportiere es als PNG, SVG oder PDF.

DOT als Diagramm

Ein DOT-Viewer, der dir einen editierbaren Graphen liefert

LetDraw liest die DOT-Sprache selbst und ordnet den Graphen mit einem eigenen, clusterbasierten Layout an, sodass das Ergebnis aus echten Formen besteht statt aus einem gerenderten Bild. Knoten- und Kantenanweisungen, Ketten wie a -> b -> c, label-Attribute und subgraph cluster_-Blöcke werden alle verstanden.

  • Cluster werden zu Rahmen, benannt nach dem Cluster-Label
  • Smarte Verbinder, die um Formen herumführen, statt sie zu kreuzen
  • Export nach Mermaid oder D2, wenn du den Graphen wieder als Code brauchst
Jetzt ausprobieren
digraph G { subgraph cluster_b { label="backend"; api -> db; } web -> api [label="calls"]; } calls web backend api db
Was Teams zeichnen

Was du mit Graphviz DOT online machen kannst

Viele Tools und Skripte geben DOT aus. LetDraw macht aus dieser Ausgabe ein Diagramm, an dem Menschen arbeiten können.

Abhängigkeitsgraphen

Füge das DOT ein, das ein Build- oder Paket-Tool ausgibt, und mach daraus etwas, das du präsentieren kannst.

Zustandsautomaten

Mach aus Zuständen und Übergängen, die als DOT geschrieben sind, ein Diagramm, das das ganze Team lesen und kommentieren kann.

Generierte Graphen

Lass ein Skript DOT für Aufrufgraphen, Pipelines oder Data Lineage ausgeben und verfeinere das Diagramm dann von Hand.

Alte Doku, neues Leben

Hol .dot-Dateien aus einem alten Wiki auf eine Leinwand, auf der jeder sie ohne Toolchain bearbeiten kann.

Gemeinsam prüfen

Teile das Board, pinne Kommentare an jeden Knoten und bearbeite den Graphen mit anderen in Echtzeit.

Graphen erklären

Schreib einen kleinen Graphen in DOT, öffne ihn auf der Leinwand und zeichne darauf, während du erklärst.

Fragen

FAQ: Graphviz DOT online

Ist das Öffnen von DOT-Dateien in LetDraw kostenlos?
„Aus Code generieren“, das einen DOT-Graphen in ein Diagramm verwandelt, ist in Pro enthalten. Zeichnen von Hand, Vorlagen, Formenbibliotheken und der Export als PNG, SVG und PDF sind im Free-Plan kostenlos, ohne Kreditkarte.
Führt LetDraw Graphviz aus?
Nein. LetDraw liest den DOT-Text in deinem Browser und nutzt ein eigenes Layout, daher können Knotenpositionen von einem Graphviz-Rendering abweichen. Dafür ist jeder Knoten und jeder Pfeil eine editierbare Form.
Welche Teile von DOT werden unterstützt?
Graphs und Digraphs, Knoten- und Kantenanweisungen, Kantenketten, label-Attribute und Subgraph-Cluster mit Labels. HTML-Labels, Record-Ports und Rank-Einstellungen werden ignoriert, und ungerichtete Kanten werden als Pfeile gezeichnet.
Kann ich den Graphen wieder exportieren?
Ja. Exportiere ihn als PNG, SVG oder PDF, teile einen Link oder eine schreibgeschützte Ansicht, oder exportiere ihn als Mermaid- oder D2-Code.

Weitere Wege, Diagramme aus Code zu erstellen

Terraform-Diagramme Helm-Chart-Diagramme PlantUML online SQL zu ER-Diagramm OpenAPI-Visualisierung Git-Graph EXPLAIN-Plan visualisieren Flussdiagramm erstellen

Dein DOT-Graph, bereit zum Bearbeiten.

Öffne LetDraw im Browser, füge DOT ein und erhalte Formen, die du verschieben kannst. Schnell und ohne Installation.