Asciidoctor Diagram: Supported Diagram Types

ASCIIToSVG parses ASCII art diagrams, attempting to convert them to an aesthetically pleasing SVG output.

The barcode extension provides barcode rendering. Barcode macros can be specified using blocks, inline macros or block macros.

blockdiag and its family generate diagram images from simple text files.

BPMN everywhere, for everyone

Create, embed and extend BPMN diagrams.

Generating byte field diagrams.

Diagrams — Diagram as Code

Diagrams lets you draw the cloud system architecture in Python code.

It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.

Ditaa is a small command-line utility written in Java, that can convert diagrams drawn using ascii art into proper bitmap graphics.

Dpic is an implementation of the pic "little language" for creating line drawings and illustrations for documents, web pages, and other uses.

Translates a plain text description of a relational database schema to a graphical entity-relationship diagram.

Gnuplot is a portable command-line driven graphing utility originally created to allow scientists and students to visualize mathematical functions and data interactively, but has grown to support many non-interactive uses such as web scripting.

Graphviz is open source graph visualization software. Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. It has important applications in networking, bioinformatics, software engineering, database and web design, machine learning, and in visual interfaces for other technical domains.

I had a forward slash defined in the label of a diagram node.

graph LR
    M[Main\n/]

This could be rendered successfully by other mermaid engines, like the one that renders the preview in the vscode plugin. But caused mmdc to crash with

Error: Evaluation failed: Error: Diagram error not found.
    at pptr://__puppeteer_evaluation_script__:45:17
    at ExecutionContext._ExecutionContext_evaluate (...)
    at process.processTicksAndRejections (...)
    at async ExecutionContext.evaluate (...)
    at async CDPJSHandle.evaluate (...)
    at async CDPElementHandle.$eval (...)
    at async renderMermaid (...)
    at async parseMMD (...)
    at async run (...)
    at async cli (...)

However, as soon as I add double quotes

graph LR
    M["Main\n/"]

everything works fine. So this is rather an issue to handle in mermaid-js/mermaid-cli (if at all).

Mscgen is a small program that parses Message Sequence Chart descriptions and produces PNG, SVG, EPS or server side image maps (ismaps) as the output. Message Sequence Charts (MSCs) are a way of representing entities and interactions over some time period and are often used in combination with SDL.

Nomnoml is a tool for drawing UML diagrams based on a simple syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings.

Pikchr (pronounced "picture") is a PIC-like markup language for diagrams in technical documentation. Pikchr is designed to be embedded in fenced code blocks of Markdown or similar mechanisms of other documentation markup languages.

PlantUML is a component that allows to quickly write :

• Sequence diagram

• Usecase diagram

• Class diagram

• Activity diagram (here is the legacy syntax)

• Component diagram

• State diagram

• Object diagram

• Deployment diagram

• Timing diagram

The following non-UML diagrams are also supported:

• Network

• Wireframe graphical interface

• Archimate diagram

• Specification and Description Language (SDL)

• Ditaa diagram

• Gantt diagram

• MindMap diagram

• Work Breakdown Structure diagram

• Mathematic with AsciiMath or JLaTeXMath notation

• Entity Relationship diagram

Diagrams are defined using a simple and intuitive language.

State Machine cat

write beautiful state charts

Svgbob can create a nice graphical representation of your text diagrams.

Symbolator is a component diagramming tool for VHDL and Verilog. It will parse HDL source files, extract components or modules and render them as an image.

Syntrax is a railroad diagram generator. It creates a visual illustration of the grammar used for programming languages.

“What is TikZ?”

Basically, it just defines a number of TEX commands that draw graphics.

UMLet is a free, open-source UML tool with a simple user interface: draw UML diagrams fast, create sequence and activity diagrams from plain text, share via exports to eps, pdf, jpg, svg, and clipboard, and develop new, custom UML elements.

Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation.

Vega is a visualization grammar, a declarative language for creating, saving, and sharing interactive visualization designs. With Vega, you can describe the visual appearance and interactive behavior of a visualization in a JSON format, and generate web-based views using Canvas or SVG.

WaveDrom draws your Timing Diagram or Waveform from simple textual description.