Skip to main content

BlockDiag

BlockDiag creates block diagrams with automatic layout.

Use this type​

Use BlockDiag for systems, processes, and component relationships.

Source format​

The source format is BlockDiag text. Enter the source in the diagram.zip editor.

Syntax essentials​

  • Put the diagram in a blockdiag block.
  • Separate statements with semicolons.
  • Use arrows to connect nodes.
  • Put node attributes in square brackets.

Example​

blockdiag {
  idea -> agent -> diagram;
  agent [color = "#dbeafe"];
}
Rendered exampleDrag to pan. Use the wheel or controls to zoom.
100%
This view uses the live diagram.zip renderer.

Upstream reference​

BlockDiag documentation