388 templates · page 2 of 4
Architecture diagram templates
C4 model, system context, deployment, network topology.
CDN — Edge Caching
DNS-routed CDN with regional edges and origin pull / push.
MermaidPipe Network — Branching
Reservoir feeding a branched supply network with valves and demand nodes.
Graphviz (DOT)Compound Gear Train
Compound gear reduction from motor shaft to output, with ratios.
Graphviz (DOT)Aircraft Systems Overview
Major aircraft systems and how they relate to flight controls.
MermaidAWS Multi-Account Landing Zone
AWS Organizations structure with management, security, log archive, workload accounts.
Graphviz (DOT)Azure Landing Zone
Cloud Adoption Framework landing zone with management groups + subscriptions.
Graphviz (DOT)GCP Secure Landing Zone
Organization → folders → projects with shared VPC + perimeter.
Graphviz (DOT)Feature Store Architecture
Online + offline feature store serving training, batch, and real-time inference.
MermaidProduction RAG (advanced)
Hybrid retrieval, reranker, response caching, eval feedback and guardrails.
MermaidPCI-DSS Cardholder Data Scope
Cardholder data environment (CDE), segmentation, and out-of-scope systems.
Graphviz (DOT)Monorepo Dependency Graph
Package dependencies in a typical TypeScript monorepo.
Graphviz (DOT)Feed-Forward Neural Net
Fully-connected layers — input / hidden / output with weights.
Graphviz (DOT)CNN Architecture
Convolutional layers, pooling and dense head.
Graphviz (DOT)EIP — Message Router Pattern
Enterprise Integration Pattern: content-based router with multiple endpoints.
PlantUMLPlantUML C4 — Deployment view
C4 deployment-level view — portable PlantUML with nested nodes.
PlantUMLArchiMate — Application Cooperation
Application layer with services, components and data objects, ArchiMate-style.
PlantUMLLast-Mile Delivery Network
Fulfilment centre → sortation → micro-fulfilment → delivery options.
MermaidHub-and-Spoke vs Point-to-Point
Comparison of hub-and-spoke (left) and point-to-point (right) network topology.
Graphviz (DOT)NATO Command Structure
Strategic / operational / component-command hierarchy.
Graphviz (DOT)EU Ordinary Legislative Procedure
How a regulation moves through the EU's main institutions.
Graphviz (DOT)Fashion Supply Chain
Raw fibre to retail with seasonal demand planning loop.
MermaidPrecision Agriculture Stack
Field sensors → edge → cloud → variable-rate application.
MermaidCoffee Value Chain
From farm to cup with margin distribution annotation.
MermaidOWASP Top 10 (2021)
The current OWASP Top 10 web-application risks as a mindmap with examples.
MermaidSoftware Supply-Chain Attack Surface
Where attackers can inject malicious code along the build pipeline.
MermaidOptimistic Rollup Architecture
L1 → sequencer → state root, with fraud-proof challenge window.
MermaidMastering Chain
Stereo mix through EQ, compression, limiter, dither to final master.
MermaidBroadcast Audio Loudness Chain
Source through measurement, normalisation to broadcast targets.
MermaidSpatial Audio Renderer
Object-based audio rendered to speakers or binaural headphones.
MermaidIncident Command System (ICS)
Standard ICS structure used in emergency management.
Graphviz (DOT)Snowflake Architecture
Three-layer Snowflake architecture: services, compute (warehouses), storage.
Graphviz (DOT)Databricks Lakehouse
Unity Catalog → Delta tables → SQL warehouses + Spark + MLflow.
MermaidVercel Edge Deploy
Git push → build → preview / production with global edge cache.
MermaidCloudflare Workers + Storage
Worker compute with KV, D1 SQL, R2 object store and Durable Objects.
MermaidSupabase Stack
Postgres-centric backend stack: REST, realtime, auth, storage, edge functions.
MermaidReAct Agent Loop
Thought → Action → Observation cycle for tool-using agents.
MermaidMulti-Agent Orchestration
Planner / researcher / writer / critic agents under a supervisor.
MermaidAgent Memory Architecture
Short-term context + episodic + semantic + procedural memory.
MermaidWeather Forecast Pipeline
Observations → numerical model → ensemble → product generation → delivery.
MermaidBroadcast TV Production Pipeline
Camera capture through MAM, edit, playout, transmission to viewer.
MermaidBIM Software Stack
Authoring / coordination / collaboration tools across a BIM workflow.
MermaidSustainability Rating Map
Major green-building rating systems and their focus areas.
MermaidGPU SM Architecture
NVIDIA-style Streaming Multiprocessor with warps, schedulers and memory.
Graphviz (DOT)NUMA Topology
Two-socket NUMA system showing local vs remote memory access.
Graphviz (DOT)Virtual Memory Translation
Virtual address → TLB → page tables → physical address.
MermaidCache Coherence Protocol (MSI)
Cache-line state transitions in the basic MSI protocol.
MermaidM&A Deal Structure
Acquirer → Target via stock vs asset vs merger structures.
Graphviz (DOT)AWS 3-Tier Web App
User → CloudFront → ALB → ECS tasks → RDS + S3, visual canvas.
WeaveNetwork Topology — Office LAN
Office network — internet, firewall, switches, servers and clients.
WeaveC4 Container Diagram
C4 model — container view with users, systems and external integrations.
WeaveAWS Event-Driven Architecture
EventBridge → multiple Lambda consumers → state stores using cloud shapes.
WeaveAWS VPC Layout
Public + private subnets across two AZs in a single VPC container.
WeaveMicroservices Map
Bounded contexts as containers, services as rounded rects, queues as parallelograms.
WeaveSaga Orchestration
Orchestrator coordinating distributed steps with compensation paths.
WeaveAWS Serverless API (icons)
Serverless web app using the AWS icon library — Cloudfront → API GW → Lambda → DDB.
WeaveAWS Data Lake (icons)
Ingest → S3 → Lambda transforms → analytics, all in AWS icons.
WeaveAWS VPC + Multi-AZ (icons)
Two-AZ deployment with proper AWS icons inside VPC and AZ containers.
Weaveflowss Architecture (this app)
Meta-template: how flowss itself is built. Demonstrates lock + bold + thickness.
WeaveAWS IoT Telemetry (icons)
Devices → IoT Core (SNS) → Lambda → DDB + S3 archive + alert SNS.
WeaveAWS ML Training Pipeline
S3 → SageMaker training → registry → endpoint, all with AWS icons + thick edges.
WeaveData Mesh Domains
Bounded data domains as containers with publish/consume contracts between them.
WeaveRAG — Production Architecture
Production-grade RAG with hybrid retrieval, reranker, guardrails, and eval feedback loop.
WeaveEvent-Driven Saga (choreography)
Choreographed saga across order / payment / inventory / shipping with events on the bus.
WeaveZero-Trust Network — Enforcement at Each App
Zero-trust access: identity + device posture + policy engine + PEP at each app.
WeaveStreaming Data Platform
Kafka-style streaming with stream processor, materialised views, and analytics consumers.
WeaveFeature-Flag Architecture
App SDK → flag service → variant resolution + analytics roundtrip.
WeaveKubernetes Deployment
Ingress → Service → Deployment → Pods → ConfigMap / Secret.
WeaveMicroservices Mesh
Gateway fronts Auth, Orders, Catalog, Payments; events flow to async workers.
WeaveAWS VPC with public/private subnets
Internet → IGW → public ALB → private EC2 → RDS.
WeaveEvent sourcing + CQRS
Commands → aggregate → events → projections → queries.
WeavePCB block diagram
MCU at centre with power, sensors, comms, debug peripherals.
WeaveMQTT IoT topology
Sensors → gateway → broker → subscribers.
WeaveZero-trust network — per-request check
User → identity → policy → resource (each request).
WeaveAPI rate limiting
Request → bucket check → allow / throttle / block.
WeaveContent delivery network
Origin → POPs → user requests with cache hit / miss.
WeaveSearch architecture
Indexer → inverted index → query path with ranker.
WeaveNetwork topology — router to server pool
Internet → firewall → router → switch → server pool; uses hexagons / parallelograms / cylinders properly.
Weave3-tier web app (with cache + DB)
Browser → web → app → cache + Postgres. Real cylinders for DB / cache, cloud for CDN.
WeaveAWS reference architecture
CloudFront → ALB → ECS Fargate → RDS + ElastiCache, S3 for assets.
WeaveAWS VPC (with grouped subnets)
VPC frame with public + private subnet containers; ALB, EC2 fleet, RDS, NAT.
WeaveMicroservices by domain (grouped)
Identity / Catalog / Orders / Payments domains as containers — services + DBs inside each.
WeaveKubernetes cluster (grouped)
Cluster container with namespace + node containers; ingress → services → pods.
WeaveC4 model — System Context
Actor + System + External systems — proper C4 level-1 diagram.
WeaveSecurity zones — shield + octagon
DMZ → app zone → data zone with shield gates, octagon STOP-on-fail, and arrow flows.
WeaveThree-tier web app
Browser → Load balancer → API pool → Database / Cache.
D2Microservices with bus
Gateway fronts services; bus fans out to async workers.
D2Kubernetes deployment
Ingress → Service → Deployment → Pods; ConfigMap + Secret.
D2AWS three-tier
Route53 → CloudFront → ALB → ECS → RDS / ElastiCache.
D2CI/CD pipeline
PR → tests → build → staging → manual approve → prod.
D2Event-driven order flow
Order created → Payment → Inventory → Shipping, all via events.
D2Multi-region failover
Two regions behind a global DNS; replicated DBs.
D2Modern data warehouse
Sources → CDC → Lake → dbt → Warehouse → BI / ML.
D2SAML SSO flow
User → SP → IdP redirect → assertion → SP session.
D2System design interview
Standard prompt structure: scope → APIs → storage → scale.
Markmap (Markdown)Sketchy component diagram
Layered architecture, hand-drawn look.
NomnomlSketchy saga pattern
Distributed transaction with compensations.
NomnomlSketchy deployment
Hosts, processes, and external services.
NomnomlSketchy C4 — context
System in the middle, actors and external systems around.
NomnomlInternal developer platform
Developer experience on top of paved-road CI/CD, K8s, cloud.
Wardley MapsThree-tier web app
Browser → web → app → DB, positioned with Pikchr's relative coords.
Pikchr