[ DiagramEditor ]

Editor

An embeddable playground for the diagram set. Start from a preset or a blank frame, insert glyphs from the palette, auto-align the borders, and copy the result as plain text, a Svelte snippet, or an .svx block. Everything you draw re-themes with the accent.

Preset
Glyphs
Rounded
Light Box
Heavy Box
Double Box
Arrows
Meters
Input 620 chars · 13 lines
Preview 
+ - - - - - - [ NESTED RADII ] - - - - - - +
|                                             |
|   ╭ - - - - - - - - - - - - - - - - - - ╮   |
|   |  outer   16px                       |   |
|   |     ╭ - - - - - - - - - - - - ╮     |   |
|   |◀ - ▶|  inner   12px           |     |   |
|   |     ╰ - - - - - - - - - - - - ╯     |   |
|   |          inset   4px                |   |
|   ╰ - - - - - - - - - - - - - - - - - - ╯   |
|                                             |
|        inner = outer - inset                |
|        12px = 16px - 4px                    |
+ - - - - - - - - - - - - - - - - - - - - - - +