Diagram

rendering flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz, Vega & Vega-lite, Ditaa diagrams. You can also render TikZ, Python Matplotlib, Plotly and all sorts of other graphs and diagrams by using Code Chunk. - Markdown Preview Enhanced

Top 6 Tools to Turn Code into Beautiful Diagrams

  • Diagrams - A Python library to draw cloud system architectures in code for rapid prototyping and version control.
  • [Go-Diagrams] - A Go-based tool similar to Diagrams for creating cloud system architectures in code.
  • Mermaid - A JavaScript library using Markdown-style text to create and update diagrams easily.
  • Markwhen / github / vscode / HN - a text-to-timeline tool.
    • can also draw pathway and geographic position according to time
  • Markmap
  • ASCII Diagram Editors - Tools that render diagrams as ASCII art using plain text, like asciiflow and Monodraw (Mac Only).
  • PlantUML - A versatile tool using a domain-specific language to generate various types of diagrams.

see also

Written on June 5, 2021, Last update on March 30, 2026
doc markdown diagram vscode