DDoS Mitigation — Reladraw template

DDoS 防护体系. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.

Preview

Attack traffic Scrubbing center CDN edge WAF rules Origin clean filter

Source (.reladraw)

node attack "Attack traffic"
node scrub "Scrubbing center"  below attack
node cdn2 "CDN edge"  below scrub
node waf2 "WAF rules"  right of cdn2
node origin2 "Origin"  below cdn2
edge attack -> scrub
edge scrub -> cdn2 "clean"
edge waf2 -> cdn2 "filter"
edge cdn2 -> origin2

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 ddos-mitigation.reladraw -o out.svg

When to use this template

Attack traffic through a scrubbing center and CDN edge with WAF filtering before origin.. Use it in capacity planning — clean traffic is what reaches origin, nothing else.

How to customize

  1. Add a step or node. Insert one line: node new_id 'New label' below anchor — placement is relative, so the solver re-flows the whole diagram instantly.
  2. Relabel an edge. Edit the text after the arrow: edge a -> b 'your label' — labels are the fastest way to carry rates, protocols or percentages.
  3. Change reading order. Swap a placement word: below to right of rotates a branch sideways without touching any other line.

FAQ

How do I draw this in Reladraw?

Declare each box with node, connect them with edge, and state one position per node relative to another. Paste the source from this page into the official playground and it renders immediately.

Can I use this template commercially?

Yes — the source is free to copy, modify and ship in docs, READMEs, books or client decks. No attribution required.

How do I export an image?

Render in the playground and export SVG, or run it locally: npx reladraw file.reladraw -o out.svg for CI-friendly builds.

Related templates

A/B Test FlowRAG PipelineML Model Lifecycle