A comprehensive list of various text to diagram tools which you can use directly from your web-browser. Ordered roughly by recency and similarity.
-
D2 https://play.d2lang.com/
all -
Pikchr https://pikchr.org/home/pikchrshow
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 -
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.keybase.pub/asciigrid/
ascii-to-all
draw in ascii in left panel and see the diagram in right panel. uses svgbob -
Archetype https://fatiherikli.github.io/archetype/
ascii-drawing -
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://markwhen.com/
timeline
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 -
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 -
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 -
Gleek https://www.gleek.io/
architecture, sequence, entity-relationship, class
(Requires login) -
Ilograph https://app.ilograph.com/
architecture -
Structurizr https://structurizr.com/dsl
architecture -
Penrose https://github.com/penrose/penrose
penrose -
WaveDrom https://wavedrom.com/editor.html
timing
Source: https://github.com/wavedrom/wavedrom -
CLI Text to Diagram Tools
- perl graph-easy http://bloodgate.com/perl/graph/index.html #cli
flow
Doc: https://developpaper.com/recommend-a-tool-for-making-ascii-flow-chart-graph-easy
Example:graph-easy <<< [node 1]->[some text]-[this][node 1]->[branch]
- perl graph-easy http://bloodgate.com/perl/graph/index.html #cli
This list is being maintained with Dynalist
>> Home