Diagrams
The docs theme includes a Mermaid integration with custom icon packs for building architecture diagrams. Browse the catalog below to find examples for your use case.
Getting Started
Section titled “Getting Started”See the Instructions page for syntax reference, available icon packs, and CSS styling details.
Diagram Types
Section titled “Diagram Types”Fundamentals
Section titled “Fundamentals”- Basic Diagrams — Flowchart, sequence, pie, class, state, and gantt chart examples
Cloud Providers
Section titled “Cloud Providers”- AWS — VPC, subnets, ALB, EC2, EKS, Lambda, and S3 architectures
- Azure — VNet, App Gateway, VM Scale Sets, AKS, and Hub-Spoke topology
- GCP — VPC, GKE, Cloud Functions, Cloud SQL, and Global LB
- Multi-Cloud — Cross-cloud topology, global load balancing, F5 XC multi-cloud connect
Security
Section titled “Security”- WAF — Web application firewall inspection pipeline and OWASP protection
- DDoS — DDoS mitigation architecture and scrubbing services
- API Protection — API gateway security, shadow API discovery, rate limiting
- Bot Defense — Bot detection pipeline, credential stuffing defense
- Zero Trust — ZTNA architecture, identity verification, micro-segmentation
Infrastructure
Section titled “Infrastructure”- DNS — DNS resolution, GSLB, F5 XC DNS management
- Kubernetes — Ingress controllers, service mesh, pod networking
- Terraform — IaC automation with HashiCorp Consul, Vault, and Nomad
F5 Products
Section titled “F5 Products”- F5 Brand — F5 XC service icons, NGINX product line, BIG-IP icons
- F5 Distributed Cloud — XC WAAP, bot defense, multi-cloud networking, DDoS, DNS, API security using F5 brand icons