Authoring
Web Editor
How the hosted editor works, when to use it, and what workflows it supports best.
The web editor is the fastest path from YAML to rendered diagram. It runs in the browser and calls the hosted Go backend through /api/generate.
The left panel is a Monaco editor with YAML syntax highlighting. The right panel shows the rendered output for PNG or a ready state for PDF and draw.io, depending on the selected format.
Best workflows
- Fast authoring loop: write YAML, press Ctrl+Enter, inspect the output immediately.
- Visual tuning: adjust titles, groups, child ordering, and links until the layout stabilizes.
- Export loop: switch between PNG, PDF, and draw.io depending on whether the output is for preview, document delivery, or post-editing.
Editor capabilities
| Capability | Details |
|---|---|
| Monaco editor | YAML syntax highlighting with a code-first workflow |
| Examples menu | Built-in starter templates for common AWS architectures |
| Theme and language | Dark/light mode and English/Portuguese interface shell |
| Direct download | Export PNG or .drawio from the same page |