Drag components onto the canvas. Or load a pre-drawn architecture ↑
Drop components into a Data Center / Kubernetes / cloud zone to group them
Wire nodes (drag from the right ●), then press ▶ Play traffic. On balancers, toggle A/A ↔ A/S.
⚙Capabilities▾
Legend ▾
✓ Delivered 0
⛔ Blocked 0
⚠ AI findings 0
💥 Breaches 0
🕳 Harvested 0
Scenario
Step 1
Flowscape
Watch traffic move through F5 in real time. Attacks blocked, bots sorted, load balanced, failover live. Pick a scenario below and press ▶.
My drawings
F5 employees: sign in (top right) to clone any scenario, build your own architecture, and share a read-only link with customers.
Organize scenarios
Drag any scenario (built-in or published) into the category where it belongs. The change is live in the gallery immediately. Hover a built-in and click × to hide it for all users; hidden built-ins collect in their own column with a Restore button.
What’s new in Flowscape
Since your last visit
Analytics
Trends, engagement, and feature usage across Flowscape.
Crunching the numbers…
API keys
Keys let your tools and agents build & push diagrams into Flowscape over the API. SSO is for people; automation uses keys.
Loading your keys…
Teams
Teams own drawings together: every member opens the same drawing and saves it in place. Anyone can create a team; team admins add people and set roles.
Loading your teams…
Shares
Every link you've shared — who it went to, whether they've opened it, and when.
Loading your shares…
API activity
Every API call — who or what, the action, and whether it was allowed — including denials.
Loading the audit trail…
What's new
Everything we've added to Flowscape, newest first.
How to use Flowscape
Everything an F5 builder needs. From first drag to sharing with a customer.
Build
Drag, drop, arrange
Drag any component from the left palette onto the canvas. ZONE items. Data Center, Kubernetes, AWS, Azure, OT/Plant. Are containers: drop components inside and they move with the zone (drag the zone's corner handle to resize). Double-click any node or zone to rename it. Hover a node and click × (or select it and press Delete) to remove it.
Connect
Draw traffic paths
Both ● ports connect: drag from the right ● to choose where this node's traffic goes (downstream), or from the left ● to choose where its traffic comes from (upstream). Drop anywhere on the other node either way — the hit area around each port is bigger than the dot, so aim loosely. To remove a connection, click it. An × appears at its midpoint (Delete works too).
Traffic
Play. And watch what gets blocked
Press Play traffic and packets flow from every entry node. Blue is legitimate traffic; red attacks die at the XC WAF, Advanced WAF, or APM; magenta prompt injection passes WAFs and dies only at AI Guardrails; orange AI Red Team probes are mostly caught. The ones that reach the model count as findings. The counters top-left tally delivered, blocked, and findings.
Load balancing
A/A, A/S, and failover
Nodes marked LB (BIG-IP, BIG-IP DNS, XC LB, NGINX, AI Gateway) carry a pill above them: A/A round-robins across every downstream path; click it to switch to A/S where one path is active and the rest go dashed standby. In A/S, the ⚡ button fails over live. Mid-animation is the best time.
Clone & save
Make any scenario yours
Load a scenario, tweak it for your customer, then Save drawing. It lands in "My drawings" in the scenario menu, private to you. Saving with the same title updates it in place. Build from a blank canvas the same way.
Share
Read-only links for customers
Share copies a link to a read-only, animated view of the current canvas. No sign-in needed to watch, and the layout can't be edited. Links are revocable server-side, so a link that shouldn't circulate can be shut off.
Admin
Publish, people, and numbers
Admins additionally get Publish scenario (puts the current canvas + narration in the public gallery. Including promoting a builder's drawing), Users (grant or remove admin for @f5.com users; pinned admins are set in server config), and Stats (which scenarios visitors watch most, share activity, visit counts).
Tips
Small things that help
Dark mode: the sun/moon toggle; signed-in users' choice is remembered. On a phone, the palette lives behind the Components button. The legend (top right) collapses when clicked. The version chip under the Flowscape name tells you exactly which build you're on.
Keyboard
Shortcuts
Design rules
The canvas enforces real F5 architecture
Flowscape framework
The living reference for the Flowscape diagram framework — generated from this build itself, so it always matches what you're running.
Deploy to F5 Distributed Cloud
Suggest an idea
Goes to the Flowscape owner as an email from you, and onto the punchlist so it isn't forgotten.
Idea punchlist
Every idea anyone has sent in, and what happened to it.
Maintenance window
Warns everyone — signed in or not — that an update is coming, so they can save first. It clears itself when the window ends.
Content library
Every published scenario and every user's drawings. With view counts and last-viewed so stale content is easy to spot. Promote any drawing to publish it for all visitors.
Loading…
Keyboard shortcuts
Press ? any time to bring this back.
F5 Insight. Telemetry
Not connected yet.
Users
Grant or remove admin for @f5.com users. Pinned admins are set in server configuration and can't be changed here.
Integrations
Connect the services Flowscape uses. Settings are stored encrypted in the app’s database and take effect on every replica right away — no environment variables, no redeploy.
Loading…
Version history
Loading…
Previewing a version
Someone saved a newer version of this drawing.
Import from an image
Drop a photo of a whiteboard, a napkin sketch, or a screenshot from Visio, PowerPoint or draw.io. Flowscape reads the boxes, labels and arrows, shows you what it recognised, and builds it as an editable drawing.
Drop an image here, click to choose, or paste (Ctrl/Cmd+V)
Share this drawing
A read-only, animated copy of what's on the canvas right now. Anyone with a link can open it — no sign-in needed.
Copy a linkOne link for anyone — paste it into a chat or a deck.
Email itEach person gets their own link, sent from your mailbox, so you can see who opened it and when.
Save
Import / Export
Export the diagram as Mermaid code (GitHub, Notion, mermaid.live) or as JSON, download a .mmd, or paste Mermaid here and import it onto the canvas. Or record the live traffic animation as a GIF or video.
flowcharteditable — paste Mermaid here, then Import
🎬 Record the animationGIF for chats & docs · video (MP4/WebM) for slides · starts traffic if it's paused