Zum Inhalt springen

Aus Code

Aus Code liest den eingefügten Quellcode, erkennt automatisch seinen Typ und wandelt ihn in ein bearbeitbares Diagramm um. Es ordnet die Dienste, Tabellen, Ressourcen und die Beziehungen zwischen ihnen selbstständig an. Es benötigt keine KI; alle Analysen laufen vollständig in Ihrem Browser, offline und eigenständig.

Aus Code: Badge des erkannten Formats, Quellcode und Vorschau

In der unteren Werkzeugleiste Weitere Werkzeuge (⋯) → Aus Code.

Wenn Sie Ihren Quellcode einfügen, erscheint oben im Dialog ein Badge, das den erkannten Typ anzeigt. Die folgenden Formate werden erkannt:

FormatWas es erzeugt
Docker Compose (YAML)Dienste, Abhängigkeiten, Netzwerke und Volumes.
Kubernetes (YAML)Ressourcen wie Deployment, Service, Ingress und ihre Beziehungen.
HelmHelm-Template-/Chart-Struktur.
Graphviz DOT (.dot / .gv)Knoten und Kanten des DOT-Graphen.
PlantUML (.puml / .plantuml / .iuml / .pu)PlantUML-Diagrammstruktur.
Terraform (.tf / .hcl)Terraform-Ressourcen und Abhängigkeiten.
SQLEin ER-Diagramm mit Tabellen und Fremdschlüsselbeziehungen.
EXPLAIN-PlanPostgres/MySQL-EXPLAIN-JSON-Ausgabe als Abfrageplan-Baum.
OpenAPIEndpunkte und Schemabeziehungen aus einer OpenAPI-Definition.
git logEin git-Graph aus Commits und Branches.

Wenn nicht erkennbarer Text eingegeben wird, zeigt der Badge “unknown” an und es wird ein Hinweis angezeigt.

  1. Öffnen Sie Weitere Werkzeuge → Aus Code.
  2. Tippen oder fügen Sie den Quellcode in das linke Feld ein oder laden Sie ihn mit Datei hochladen aus einer Datei. Der Typ wird automatisch erkannt.
  3. Prüfen Sie die Live-Vorschau auf der rechten Seite; Sie können sie mit den Zoom-Steuerungen untersuchen.
  4. Klicken Sie auf Einfügen, um das Diagramm auf der Leinwand zu platzieren. Das Ergebnis besteht aus echten, bearbeitbaren Formen.
  • Flussrichtung: ordnet das Diagramm von oben nach unten (TB) oder von links nach rechts (LR) an. (Diese Option erscheint nicht im SQL → ER-Raster.)
  • Zeichenstil und Schriftart: wechseln Sie zwischen sauberer/skizzenhafter Zeichnung und handschriftlicher/normaler Schriftart; gilt sowohl für die Vorschau als auch für die eingefügten Formen.
  • Beziehungsfilter: wenn der Graph mehr als einen Beziehungstyp hat, erscheinen beschriftete Chips, die jeden Typ einzeln umschalten.
  • SQL-Beziehungsstil: in einem ER-Diagramm können Sie die Beziehungslinie als gerade Linie, geraden Pfeil, intelligenten Pfeil oder Krähenfuß wählen.
  • Vergleich (Drift): vergleicht Ihren aktuellen Quellcode mit Ihrer vorherigen Einfügung desselben Typs; hebt hinzugefügte und entfernte Knoten (+hinzugefügt / −entfernt) farblich hervor.

Die Schaltfläche Datei hochladen akzeptiert die folgenden Erweiterungen: .yaml, .yml, .txt, .dot, .gv, .puml, .plantuml, .iuml, .pu, .tf, .hcl.

  • Es wird kein Schlüssel benötigt; es funktioniert vollständig offline.
  • Die Anzahl der Knoten, Verbindungen und Gruppen sowie eventuelle Warnungen werden unten angezeigt.
  • Da das Ergebnis aus Formen besteht, können Sie anschließend seine Beschriftungen, Farben und sein Layout frei ändern.