Subgraphs

Two sibling subgraphs (flat, one level) with an edge crossing between them.

subgraphs.mmd

graph TD
  subgraph Frontend
    A[React App] --> B[State Manager]
  end
  subgraph Backend
    C[API Server] --> D[Database]
  end
  B --> C

Output

Open in the live editor ← Back to Flowchart examples

More Flowchart examples

Original Node Shapes

Subroutine and Hexagon Shapes

Cylinder and Trapezoid Shapes

Twelve Core Flowchart Shapes

All Edge Styles