If you want to write documentation as a code and see the changes clearly in text format, here are useful 10 Text-based Flowchart & Diagram Tools For Web Developers to create diagrams just by typing some simple markup, and have it render a diagram anyone can view.
Mermaid
If you want to simplify your documentation and avoid using complex tools for displaying charts and diagrams, Mermaid might be just right for you.
Flowchart.js
Draws simple SVG flow chart diagrams from textual representation of the diagram.
js2flowchart
A visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
GoJS
It is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts.
React Diagrams
a super simple, no-nonsense diagramming library written in react that just works.
TextDiagam
It is a web tool for drawing UML sequence diagram in pure text.
PlantUML
Generate UML diagram from textual description.
drawthe.net
iT draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it’s connections, a resulting diagram will be created.
Text Sequence Diagram
Cross platform tool which convert text into beautiful sequence diagram.
dbdiagram.io
Quick and simple free tool to help you draw your database relationship diagrams and flow quickly using simple DSL language.
Hi,
You may want to add textografo.com to this list
Best regards,
Julien
textgrafo looks really crappy – it’s pay to use and i struggle to see any value that other things don’t already provide for free
maybe they should add a freemium model
Hi Henry,
I suggest one more tool for software architecture diagrams – https://www.gleek.io
Does flowchart.fun belong on this list?