Create box, table, tree, and flow diagrams as ASCII art

Lay out a monospaced text schematic with aligned boxes and connectors.

freeworks offlinenothing uploaded
ToolASCII Diagram
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

Text characters are arranged on a monospaced grid so box edges, connectors, and labels align to fixed columns. The renderer preserves line breaks and spacing rather than treating the input as proportional prose.

  • Monospace cells make one character occupy one predictable column.

Worked example

Process Boxes
Generate a vertical flow of boxes
Input
											Type: box
Items: ["Input","Process","Output"]
Title: Data Flow
Output
												Data Flow
=========

+---------+
| Input   |
+---------+
     |
     v
+---------+
| Process |
+---------+
     |
     v
+---------+
| Output  |
+---------+

When to use this

READMEs, terminal runbooks, and code comments embed text schematics.

Edge cases

  • Tabs can expand to different widths across viewers.
  • Unicode box-drawing characters may have double display width.
  • A wrapped line destroys the intended geometry.