VPC Network Zones — Reladraw template

公有云网络分区. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.

Preview

Internet ALB app-1 app-2 Database

Source (.reladraw)

node inet "Internet"
node alb "ALB"  below inet
node app1 "app-1"  below-left of alb
node app2 "app-2"  below-right of alb
node db "Database"  below app1  level with app2
edge inet -> alb
edge alb -> app1
edge alb -> app2
edge app1 -> db  from: bottom
edge app2 -> db  from: bottom

How to use

  1. Open the Reladraw playground
  2. Paste the source above — the diagram re-solves live
  3. Export SVG from the playground, or render locally: npx reladraw vpc-network.reladraw -o out.svg

When to use this template

The cloud-network-zone layout: internet into an ALB, two app servers behind it, one database below. Use it for cloud onboarding and security reviews — the placement makes the trust boundary readable: what is reachable from the internet, what is not.

How to customize

  1. Show the private subnet boundary. Use compound ids: node priv.app1 "app-1" and node priv.db "Database" — the priv prefix groups the private tier.
  2. Add a bastion. Add node bastion "Bastion" left of alb and edge bastion -> priv.db "ssh" from: left.
  3. Add a NAT gateway. Add node nat "NAT" right of alb and edge priv.app1 -> nat "egress" from: right.

FAQ

How do I diagram a VPC in Reladraw?

One node per resource, compound ids (pub.alb, priv.app) as subnet containers, edges only where security groups allow. This template shows the standard edge-to-private layout.

How do I show public vs private subnets?

Group resources with dotted ids — pub.* renders as one container and priv.* as another. The visual split is what security reviewers look for first.

Can I draw peered VPCs or multi-account setups?

Yes: give each VPC its own prefix (vpc1.app, vpc2.app) and draw the peering edge between two members. Multi-region follows the same pattern with region prefixes.

Related templates

TLS HandshakeDDoS MitigationStudy Plan Flow