Vanuit code
Vanuit code leest de broncode die je plakt, detecteert automatisch het type en zet het om in een bewerkbaar diagram. Het plaatst de services, tabellen, resources en de relaties ertussen zelf in een lay-out. Het vereist geen AI; alle parsing draait volledig in je browser, offline en zelfstandig.
Hoe je het opent
Section titled “Hoe je het opent”In de onderste werkbalk: Meer gereedschappen (⋯) → Vanuit code.
Ondersteunde formaten
Section titled “Ondersteunde formaten”Wanneer je je broncode plakt, verschijnt boven in het dialoogvenster een badge met het gedetecteerde type. De volgende formaten worden herkend:
| Formaat | Wat het produceert |
|---|---|
| Docker Compose (YAML) | Services, afhankelijkheden, netwerken en volumes. |
| Kubernetes (YAML) | Resources zoals Deployment, Service, Ingress en hun relaties. |
| Helm | Helm-template-/chartstructuur. |
Graphviz DOT (.dot / .gv) | Knooppunten en verbindingen van de DOT-graaf. |
PlantUML (.puml / .plantuml / .iuml / .pu) | PlantUML-diagramstructuur. |
Terraform (.tf / .hcl) | Terraform-resources en -afhankelijkheden. |
| SQL | Een ER-diagram met tabellen en foreign-key-relaties. |
| EXPLAIN plan | Postgres/MySQL EXPLAIN JSON-uitvoer als een query-planboom. |
| OpenAPI | Endpoints en schemarelaties uit een OpenAPI-definitie. |
| git log | Een git-graaf uit commits en branches. |
Wanneer tekst wordt ingevoerd die niet kan worden herkend, leest de badge “unknown” en wordt er een hint getoond.
Hoe je het gebruikt
Section titled “Hoe je het gebruikt”- Open Meer gereedschappen → Vanuit code.
- Typ of plak de broncode in het linkervak, of laad het uit een bestand met Bestand uploaden. Het type wordt automatisch gedetecteerd.
- Controleer het live voorbeeld rechts; je kunt het met de zoombedieningen bekijken.
- Klik op Invoegen om het diagram op het canvas te plaatsen. Het resultaat bestaat uit echte, bewerkbare vormen.
Opties
Section titled “Opties”- Stroomrichting: plaats het diagram van boven naar beneden (TB) of van links naar rechts (LR). (Deze optie verschijnt niet in het SQL → ER-raster.)
- Tekenstijl en lettertype: wissel tussen strak/schets-tekenen en handgeschreven/normaal lettertype; van toepassing op zowel het voorbeeld als de ingevoegde vormen.
- Relatiefilters: als de graaf meer dan één relatietype heeft, verschijnen er gelabelde chips die elk type afzonderlijk in-/uitschakelen.
- SQL-relatiestijl: in een ER-diagram kun je de relatielijn kiezen als een rechte lijn, rechte pijl, slimme pijl of kraaienpoot.
- Vergelijking (drift): vergelijkt je huidige broncode met je vorige invoeging van hetzelfde type; het markeert toegevoegde en verwijderde knooppunten (+toegevoegd / −verwijderd) in kleur.
Bestand uploaden
Section titled “Bestand uploaden”De knop Bestand uploaden accepteert de volgende extensies: .yaml, .yml,
.txt, .dot, .gv, .puml, .plantuml, .iuml, .pu, .tf, .hcl.
Opmerkingen
Section titled “Opmerkingen”- Geen sleutel vereist; het werkt volledig offline.
- Aantallen knooppunten, verbindingen en groepen, samen met eventuele waarschuwingen, worden onderaan getoond.
- Omdat het resultaat uit vormen bestaat, kun je de labels, kleuren en lay-out ervan daarna vrij wijzigen.