Text Diagram Editor

Text Diagram Editor

Boxes, links, and project files are processed only in this browser.

1. Edit the grid

This grid has 60×24 cells. Click a box to select it, then choose Add, Connect, or Move. Scroll horizontally as needed.

시작검토완료

Diagram is ready.

2. Manage boxes and connections

Select a box to apply its label and size, move it, or delete it. Labels accept precomposed Hangul and printable ASCII.

Connections

  • 시작 → 검토
  • 검토 → 완료

3. Text output and project

Text rows are 60 cells wide. Precomposed Hangul counts as two cells. Actual display depends on the terminal and font.

Comments & questions

Text Diagram Editor

Place boxes by clicking a 60×24 grid and connect two boxes. When you drag a box or use the arrow buttons, connections follow the box IDs and find a new route. Download Unicode box lines, +-| ASCII lines, or an editable JSON project. Precomposed Korean syllables count as two terminal cells. Your terminal and font may display some characters differently.

Key features

  • Place boxes on the grid and connect them with two clicks
  • Reroute connections around boxes when a node is dragged or moved by arrow buttons
  • Count precomposed Hangul syllables as two cells and printable ASCII as one
  • Edit box labels and sizes, remove boxes or edges, and reopen saved projects
  • Download Unicode or ASCII-line text and an editable JSON project

How to use

  1. Load the example or select Add box and click the grid.
  2. In Connect boxes mode, select the source and destination boxes in order.
  3. In Move boxes mode, drag a box or use the arrow buttons to move it one cell.
  4. Edit the selected box label or size and inspect the text output.
  5. Save a Unicode/ASCII TXT or project JSON, and reopen JSON later for editing.

Use cases

  • Create a simple process diagram for a README
  • Write a console-friendly flow with Korean step names
  • Rearrange a meeting workflow and share it as text

Frequently asked questions

How is this different from image-to-ASCII?

This tool lets you edit named boxes, positions, and connections directly. It does not convert photo pixel brightness into characters.

Do links break when I move a box?

No. Connections refer to stable box IDs and reroute through the grid when a box moves. A position with no available route is rejected.

Will Korean align perfectly in every terminal?

Precomposed Hangul syllables count as two cells and printable ASCII as one. Unicode width data cannot guarantee every terminal's rendering, so check the target font. Emoji and combining marks are not accepted in labels.

Does ASCII export translate Korean labels?

No. The ASCII option changes box and connector lines to +, -, and |. Korean labels remain Korean.

What are the limits?

The grid is 60×24 cells, with at most 18 boxes and 28 connections. Labels may occupy up to 22 cells, box width is 8–26 cells, and height is 3–9 cells.

Can I reopen and edit a saved project?

Yes. Select a locally saved JSON project. Imports are limited to 64 KiB; invalid IDs, overlapping boxes, and blocked routes are rejected.

Privacy

Box names and connections stay in browser memory. A selected project file is read locally and is not uploaded. Downloaded project JSON and text contain your labels, so review them before sharing.

References

Related Tools

Image to ASCII ArtER Diagram DesignerMarkdown PreviewDOCX Style AuditorCitation ManagerDocument Search IndexSigned PDF InspectorPDF/A Archival PreflightPrint Preflight AuditorSearchable Scan PDF MakerPublication Accessibility AuditorResearch Evidence MatrixPDF Form DesignerPDF Annotation StudioPDF Object InspectorPDF Outline EditorEPUB Authoring WorkbenchDocument Version ComparatorBooklet Imposition DesignerSensitive Text RedactorHanja Reading WorkbenchGrammar Production LabDialogue Script EditorBook Index BuilderBilingual QA CheckerANSI Art StudioEmail Thread ExplorerPDF Redaction StudioRich Text SanitizerFixed Width Record DesignerPresentation Rehearsal StudioText Tokenization LabThree Way Text MergeKorean & English Braille ConverterText to SpeechTyping speed testKorean Text Pattern ReviewKorean Spelling QuizFont Preview and ComparisonHTML to MarkdownMojibake RepairSort LinesFind & ReplaceReverse TextRoman Numeral ConverterHangul Jamo ConverterKorean Initial ConsonantsAdd or Remove Line NumbersNumber to Korean WordsMorse Code ConverterROT13 & Caesar ConverterURL Slug GeneratorHTML Tag RemoverEmoji CollectionCharacter CounterUnit ConverterFile Size ConverterColor Code ConverterText DiffPDF Merge/SplitBusiness Day CalculatoriCalendar Rule LabvCard Address Book EditorJPG to PDFKorean Name RomanizerOrganize PDF PagesFancy Font GeneratorContrast CheckerColor Palette GeneratorPDF to JPGLorem Ipsum GeneratorText Template WorkbenchKorean-English Typo ConverterText CleanerOnline NotepadWord Cloud GeneratorPDF UnlockEnglish Address ConverterPDF Compressor
Explore all Text/Convert tools →Image/Media →Life/Fun →Dev Tools →