Skip to content

BlockDiag — Block Flow Diagrams

BlockDiag generates flow diagrams using simple text descriptions. Nodes are connected with -> arrows, and can carry color, shape, and label attributes.

!!! tip "Syntax" Nodes are auto-created when referenced. Group them with group { } blocks. Colors use standard CSS color names.

Simple Pipeline

A basic three-stage processing pipeline showing linear data flow.

blockdiag Source Data Transform Output

Build Pipeline

A branching CI/CD build pipeline with parallel test and lint stages.

blockdiag Commit Build Test Lint Package Deploy

MkDocs-Kit Processing Flow

The internal data flow for generating a documentation site with mkdocs-kit.

blockdiag Markdown DiagramsPlugin renderers.py HTML PDF Man Pages