388 templates · page 1 of 4
Architecture diagram templates
C4 model, system context, deployment, network topology.
C4 — System Context
C4 level-1: people and external systems around your system.
MermaidC4 — Containers
C4 level-2: containers (apps, services, stores) inside the system.
MermaidNetwork Topology
Cluster-based network diagram with subnets and routers.
Graphviz (DOT)Sketchy Architecture
Whiteboard-style system overview.
Nomnoml3-Tier Network
Internet → firewall → LB → app tier → DB tier.
Graphviz (DOT)Campus Network
Multi-floor campus with switches, routers, AP and edge.
Graphviz (DOT)AWS Architecture
VPC with public + private subnets, ALB, EC2, RDS, S3, Lambda.
Graphviz (DOT)Kubernetes Topology
Control plane, nodes, ingress, services, pods.
Graphviz (DOT)Architecture Diagram
Mermaid's native architecture-beta — groups, services, and ports.
MermaidC4 — Component
C4 level-3 — components inside the Auth service.
MermaidC4 — Dynamic
Runtime interaction sequence in C4 notation.
MermaidC4 — Deployment
Deployment nodes hosting containers across environments.
MermaidPlantUML — AWS Architecture
Three-tier AWS deployment — portable PlantUML (no external stdlib).
PlantUMLPlantUML — Azure Architecture
Azure web app deployment — portable PlantUML (no external stdlib).
PlantUMLPlantUML — ArchiMate-style
Business / application / technology layers in ArchiMate-inspired colours.
PlantUMLPlantUML — Network Topology
Subnet-based office network — portable PlantUML with grouped subnets.
PlantUMLEvent Modeling
Commands / events / views on a single timeline. (v11.15+)
MermaidPlantUML — GCP Architecture
Google Cloud web application — portable PlantUML (no external stdlib).
PlantUMLPlantUML — Kubernetes
Kubernetes cluster topology — portable PlantUML with grouped nodes.
PlantUMLPlantUML — Elastic Stack
ELK stack — Beats → Logstash → Elasticsearch → Kibana.
PlantUMLPlantUML — C4 Container view
C4 Container-level view — portable PlantUML with C4-style colour scheme.
PlantUMLPlantUML — Web Stack
Typical web stack — actor, CDN, firewall, replicated app, DB.
PlantUMLPlantUML — Tech-Stack Diagram
Programming-language / framework / tool stack with colour-coded boxes.
PlantUMLPlantUML — Enterprise Integration Patterns
Hohpe & Woolf message-driven pipeline — portable PlantUML.
PlantUMLFloor Plan (SVG)
Simple 2-D floor plan with rooms, doors, and labels.
Raw SVGSystem Context
User → Web App → API → Database with an external 3rd-party service.
WeaveEvent-Driven Data Flow
Producer → topic → consumers → sinks. Classic Kafka-style fan-out.
WeaveC4 Container Diagram
C4 model — container view of a typical SaaS application.
MermaidMindmap — System Architecture
Hierarchical mindmap of a system's components.
MermaidMicroservices Topology
Service-to-service call graph with synchronous and async edges.
Graphviz (DOT)Code Dependency Graph
Module dependency layout — useful for understanding a codebase.
Graphviz (DOT)Deployment — Cloud App
Deployment diagram with nodes, artifacts and the cloud boundary.
PlantUMLComponent — IDP
Component diagram for an identity-provider service.
PlantUMLRAG — Retrieval-Augmented Generation
End-to-end RAG pipeline: ingest → embed → vector store → retrieve → LLM.
MermaidEvent Sourcing + CQRS
Command side writes events; read side projects them into query models.
MermaidHexagonal Architecture (Ports & Adapters)
Domain core surrounded by ports + adapters for I/O.
MermaidSaga — Distributed Transaction
Choreography saga with compensating actions on failure.
MermaidStrangler Fig Migration
Gradually replace a legacy monolith by routing slices to new services.
MermaidService Mesh — Sidecar Proxies
Microservices with sidecar proxies, control plane and observability.
Graphviz (DOT)Multi-Region Failover
Active/passive multi-region with DNS failover and async replication.
MermaidServerless Architecture
API Gateway → Lambda → DynamoDB with async S3 and SQS workflows.
MermaidSTRIDE Threat Model
Threat-model a system using the STRIDE taxonomy.
MermaidAttack Tree — Exfiltrate Customer Data
AND/OR attack tree for a data-exfiltration goal.
Graphviz (DOT)Zero-Trust Architecture
Every request authenticated + authorised at the policy engine; no implicit trust.
WeaveTransformer Block
Pre-norm transformer block with multi-head attention + MLP and residuals.
MermaidAWS — 3-Tier Web App
Route 53 + CloudFront + ALB + ECS + RDS + ElastiCache across AZs.
MermaidAWS — Data Lake (medallion)
Bronze / Silver / Gold zones on S3 with Glue, Athena, and downstream BI/ML.
MermaidAWS — IoT Telemetry Pipeline
Devices → IoT Core → rules → Timestream + S3 + Lambda alerts.
MermaidAWS — Real-time Analytics
Kinesis stream → Flink → DynamoDB + S3 + OpenSearch dashboards.
MermaidAWS — ML Model Serving
SageMaker endpoint behind API Gateway with model registry + monitoring.
MermaidAWS Well-Architected — Five Pillars
The five pillars of AWS Well-Architected Framework as a mindmap.
MermaidPod Design Patterns
Init container, sidecar, ambassador, adapter — the four classic pod patterns.
MermaidStatefulSet — Database Cluster
Headless service + StatefulSet with ordered pods and persistent volumes.
Graphviz (DOT)Operator Reconcile Loop
Custom controller reconciling spec vs status until they converge.
MermaidCluster Networking
Ingress → Service → Pods, plus NetworkPolicy for east-west traffic.
MermaidHPA + VPA Autoscaling
Horizontal + vertical pod autoscaling driven by metrics-server.
MermaidOSI 7-Layer Model
Classic OSI stack with representative protocols at each layer.
MermaidAWS VPC Layout
Public + private subnets, NAT, IGW, RDS in two AZs.
Graphviz (DOT)BGP Peering
Inter-AS BGP with eBGP and iBGP sessions inside an AS.
Graphviz (DOT)Subnet Plan
Hierarchical breakdown of a /16 supernet into VPC subnets.
MermaidDatabase Sharding
Application-tier sharding by tenant_id across 4 shards.
Graphviz (DOT)Lambda Architecture
Batch + speed layers feeding a serving layer for low-latency queries.
Mermaid5-Stage CPU Pipeline
Classic IF / ID / EX / MEM / WB pipeline with forwarding paths.
MermaidMemory Hierarchy
Registers → L1/L2/L3 cache → DRAM → SSD → cloud — latency annotated.
MermaidFPGA Dataflow
Pipelined dataflow on an FPGA — input → DSP blocks → output.
Graphviz (DOT)Entity-Component-System
ECS pattern — entities, components, systems decoupled.
MermaidOpen Banking Architecture
TPP, AISP/PISP, bank APIs and consent flow under PSD2-style regulation.
MermaidFraud Detection Pipeline
Real-time scoring with rules + ML + analyst case management.
MermaidFHIR Integration Architecture
EHR systems exchanging FHIR resources via an integration hub.
MermaidAWS Step Functions Orchestration
Order-processing state machine with parallel branches and retries.
MermaidAWS EventBridge Hub-Spoke
Central event bus routing domain events to multiple consumers.
Graphviz (DOT)AWS Lambda Fan-Out
SNS topic fanning out to multiple SQS-backed Lambda consumers.
MermaidAzure ML Pipeline
Azure Machine Learning pipeline from data prep through registered model + endpoint.
MermaidGCP Pub/Sub + Dataflow
Event streaming with Pub/Sub, Dataflow, BigQuery and a serving cache.
MermaidTransactional Outbox Pattern
Reliable event publishing via an outbox table + relay process.
MermaidBackend For Frontend (BFF)
Per-client BFF aggregating downstream services with tailored payloads.
MermaidPolyglot Persistence
Use the right database for the right access pattern.
MermaidC4 — System Landscape
Multiple systems in one organisation with their primary integrations.
MermaidC4 — Dynamic (runtime)
Numbered runtime interactions for a single use-case (login).
MermaidSupply Chain Network
Tiered suppliers → factory → distribution centres → retailers.
Graphviz (DOT)Recording Signal Chain
Microphone capture through preamp / ADC / DAW / monitoring.
MermaidMIDI Routing
Controller → MIDI router → soft synths / hardware modules / DAW.
MermaidSubtractive Synth Architecture
Oscillators → mixer → filter → amplifier with envelope + LFO modulation.
MermaidConnected Vehicle Telemetry
Vehicle ECUs → gateway → cloud → fleet dashboards + OTA updates.
MermaidSmart Home Topology
Zigbee + Wi-Fi + Matter devices behind a local hub with cloud companion.
Graphviz (DOT)Cyber Kill Chain
Lockheed Martin's seven-phase intrusion model with defender controls per stage.
MermaidMITRE ATT&CK Lifecycle
Tactic-level overview of the ATT&CK enterprise matrix.
MermaidDefense in Depth
Concentric security layers from perimeter to data.
Graphviz (DOT)GAN Architecture
Generator + discriminator adversarial loop with loss flow.
MermaidDiffusion Model — Denoising
Forward noising and reverse denoising chain.
MermaidU-Net Architecture
Symmetric encoder / decoder with skip connections.
Graphviz (DOT)ResNet Block
Residual block — identity shortcut + 2 conv layers.
MermaidRocket Multi-Stage
Two-stage launch vehicle phases from liftoff to payload deployment.
MermaidFlight Control System
Pilot input → sensors → FCS computer → actuators → control surfaces.
MermaidPID Control Loop
Setpoint → error → PID → plant → measured output feedback.
MermaidKalman Filter Cycle
Predict / update cycle for state estimation.
Graphviz (DOT)Electric Power Grid
Generation → transmission → distribution → customer voltage levels.
MermaidPressurised Water Reactor
PWR primary / secondary loops with steam generator and turbine-generator.
Graphviz (DOT)Residential Solar PV
Rooftop PV system with inverter, battery, meter and grid tie.
Mermaid5G NR Architecture
5G NR core with RAN, control plane, user plane and slicing.
Mermaid