Online Text to Diagram Tools

Pikchr https://pikchr.org/home/pikchrshow
all

D2 https://play.d2lang.com/
all

Diagon https://arthursonzogni.com/Diagon
text-to-ascii, sequence, tree, table, syntax, flow, graph, frame
Source: https://github.com/ArthurSonzogni/Diagon

Typograms https://code.sgo.to/typograms/
markdown, ascii-to-all Source: https://github.com/samuelgoto/typograms

Markdeep https://casual-effects.com/markdeep/
markdown, ascii-to-all

Svgbob https://ivanceras.github.io/bob-editor/ https://ivanceras.github.io/svgbob-editor/
ascii-to-all

asciigrid https://mbarkhau.github.io/asciigrid
ascii-to-all
draw in ascii in left panel and see the diagram in right panel. uses svgbob
Source: https://github.com/mbarkhau/asciigrid

shaky https://shaky.github.bushong.net/ ascii-to-all
Source: https://github.com/dbushong/shaky

MonoSketch https://app.monosketch.io
asii-drawing
Source: https://github.com/tuanchauict/MonoSketch

Archetype https://fatiherikli.github.io/archetype/ (wayback: https://web.archive.org/web/20210503172024/https://fatiherikli.github.io/archetype/)
ascii-drawing
Forked Source: https://github.com/cagataycali/archetype
Backup: https://smusamashah.github.io/archetype/

Textik https://textik.com/
ascii-drawing

ASCIIFlow http://asciiflow.com/
ascii-drawing

textik https://textik.com/
ascii-drawing

fsymbols https://fsymbols.com/draw/
ascii-drawing

Kroki https://kroki.io/
BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag, BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, TikZ, UMLet, Vega, Vega-Lite, WaveDrom, WireViz

Markwhen https://app.markwhen.com/
timeline/gantt
Source: https://github.com/mark-when/markwhen

flowchart.fun https://flowchart.fun/
flow

flowchart.js http://flowchart.js.org/
flow

code2flow https://app.code2flow.com/
flow

JSSM https://stonecypher.github.io/jssm-viz-demo/graph_explorer.html
flow, state
Source: https://github.com/StoneCypher/jssm

SequenceDiagram https://sequencediagram.org/
sequence

WebSequenceDiagrams https://www.websequencediagrams.com/
sequence

SVG Sequence Diagram http://sullerandras.github.io/SVG-Sequence-Diagram/
sequence

JUMLY http://jumly.tmtk.net (dead)
sequence
Source: https://github.com/tmtk75/jumly

js sequence diagrams http://bramp.github.io/js-sequence-diagrams/
sequence

swimlanes https://swimlanes.io/
sequence

mscgen_js https://mscgen.js.org/
sequence

GraphUp https://graphup.co/ (dead)
sequence, gantt

Diagwiz https://diagwiz.io/playground/
ascii sequence

Text Diagram http://weidagang.github.io/text-diagram/
ascii sequence
Source: https://github.com/weidagang/text-diagram

ASCII Sequence Diagram Creator https://textart.io/sequence
ascii sequence

Chart Mage http://chartmage.com/index.html
sequence, flow

BPMN Sketch Miner https://www.bpmn-sketch-miner.ai/
BPMN/flow

dagre-svg https://andrewfulrich.gitlab.io/dagre-svg/
graph
Source: https://gitlab.com/andrewfulrich/dagre-svg

Graphviz Visual Editor http://magjac.com/graphviz-visual-editor/
graphviz
Source: https://github.com/magjac/graphviz-visual-editor

Webgraphviz http://www.webgraphviz.com/
graphviz

Viz.js http://viz-js.com/
graphviz

Edotor https://edotor.net/
graphviz

Graphviz Online https://dreampuf.github.io/GraphvizOnline/
graphviz

Sketchviz https://sketchviz.com/new
graphviz

nomnoml http://www.nomnoml.com/
activity, class
Source: https://github.com/skanaar/nomnoml

CodeUML http://codeuml.com/ (dead)
uml
Source: https://github.com/oazabir/codeuml

yuml https://yuml.me/diagram/scruffy/class/draw
uml

PlantText http://www.planttext.com/planttext
activity, class, component, object, use case, state, graphviz, sequence, gui, earth

PlantUML http://www.plantuml.com/plantuml/uml/
activity, class, component, object, use-case, sequence, state, deployment, timing, gui, archimate, gantt, mindmap, tree, math, entity-relationship

Umple Online http://cruise.site.uottawa.ca/umpleonline/
class, state, composite

ZenUML https://app.zenuml.com/
sequence

DotUML https://dotuml.com/playground.html
class, use case, sequence, state, deployment, graphviz

Database Diagram Tool https://databasediagram.com/app
entity-relationship

QuickDBD https://app.quickdatabasediagrams.com/#/
entity-relationship

dbdiagram https://dbdiagram.io/d
entity-relationship
(Requires Login to Export)

ERD Lab https://app.erdlab.io/designer/guest
entity-relationship
(Requires Login to Export)

drawthe http://go.drawthe.net/
network
Source: https://github.com/cidrblock/drawthe.net

mermaid https://mermaid-js.github.io/mermaid-live-editor/
flow, sequence, class, state, entity-relationship, gantt, pie, journey

Diagram.codes https://www.diagram.codes/
flow, sequence, graph, tree, onion, stack, system, timeline, mindmap

Blockdiag http://interactive.blockdiag.com/
block, activity, network, rack/stack, packet

state machine cat https://state-machine-cat.js.org/
state
Source: https://github.com/sverweij/state-machine-cat

XState Visualizer https://xstate.js.org/viz/
state
Source: https://github.com/davidkpiano/xstate

MetaUML https://metauml.denksoft.com (dead)
Source: https://github.com/ogheorghies/MetaUML

Railroad Diagram Generator http://www.bottlecaps.de/rr/ui#_StringLiteral
railroad/syntax

Syntax Diagram Generator https://lukaslueg.github.io/macro_railroad_wasm_demo/
railroad/syntax

GrammKit https://dundalek.com/grammkit/
railroad/syntax

DrawGrammar https://jacquev6.github.io/DrawGrammar/
railroad/syntax

Railroad Diagram Generator https://tabatkins.github.io/railroad-diagrams/generator.html
railroad/syntax
Source: https://github.com/tabatkins/railroad-diagrams

LikeC4 https://template.likec4.dev/view/cloud
architecture
Source: https://github.com/likec4/likec4

Ilograph https://app.ilograph.com/
architecture

Structurizr https://structurizr.com/dsl
architecture

Gleek https://www.gleek.io/
architecture, sequence, entity-relationship, class
(Requires login)

Penrose https://github.com/penrose/penrose
penrose

WaveDrom https://wavedrom.com/editor.html
timing
Source: https://github.com/wavedrom/wavedrom