GGlyph

Docs · Engines

Ditaa (ASCII)

Compatible with ditaa

ASCII-art → polished SVG, ditaa-style. Same idea as SVGBob but with native colour-fill markers — `cBLU`, `cRED`, `c1AB` — and dashed-line variants. Decades of muscle memory from technical writers will paste in unchanged.

Templates
6
Source language
plaintext
Workstation
Studio
Engine id
ditaa
Open in Studio Upstream docs

In the same space

Most users come to Ditaa (ASCII) from AsciiFlow (with colour) or Monodraw. Glyph runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

+-------+   +-------+
| Web   +-->| DB    |
+-------+   +-------+

Paste this in the Studio code pane to see Ditaa (ASCII) render live. The full grammar is at the upstream-docs link above.

Sample templates

All 6 →
architecture
Ingest pipeline (Ditaa)

Source → queue → worker → DB. Ditaa's `cBLU` / `cGRE` markers tint each box.

architecture
Client / server / cache

Classic three-box system view with a colour-coded cache layer.

architecture
Ditaa — three-tier system

Web / API / DB drawn with ASCII boxes.

data
Ditaa — batch ETL

Extract → transform → load batch pipeline.

architecture
Ditaa — event bus

Producer / bus / consumers ditaa diagram.

architecture
Ditaa — cache aside

App → Cache → DB cache-aside pattern.

Engine reference: ditaa · ← Browse all engines · Quick-start guide