mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
68.63k stars 6.05k forks source link

Placeholder to prefix subgraph nodes with subgraph name #5557

Open ioggstream opened 4 weeks ago

ioggstream commented 4 weeks ago

Proposal

I wish

Rationale

This eases the creation of diagrams where multiple components are repeated.

Example

If the % character was the placeholder. Note that the diagram code inside subgraph us-west1 and subgraph us-east3 is exactly the same.

subgraph us-west1
  %-gw
  subgraph %-net
    %-vm-1
    %-vm-2
  end
end

subgraph us-east3
  %-gw
  subgraph %-net
    %-vm-1
    %-vm-2
  end
end

becomes

graph

subgraph us-west1
us-west1-gw
subgraph us-west1-net
us-west1-net-vm-1
us-west1-net-vm-2
end
end

subgraph us-east3
us-east3-gw
subgraph us-east3-net
us-east3-net-vm-1
us-east3-net-vm-2
end
end

us-west1-gw --- us-east3-gw

Screenshots

No response