System Design Diagrams

Microservices, monoliths, event-driven systems, CQRS, hexagonal architecture — battle-tested patterns from real engineering teams.

60 diagrams

AWS Three-Tier Microservices Architecture

Reference three-tier microservices architecture on AWS — edge (CloudFront/WAF), app (ALB + service fleet), and data (Aurora/Redis/S3) tiers with async SQS workers.

flowchart · CC-BY-4.0

AES-256-GCM Data Encryption Flow

Detailed flowchart of data encryption using AES-256-GCM, covering key derivation with PBKDF2, plaintext encoding, and ciphertext generation.

flowchart · NOASSERTION

Joplin Server Image Transcription Flow

Illustrates the end-to-end process of image transcription in Joplin, from client upload to server-side processing, job management, and result retrieval.

flowchart · NOASSERTION

Joplin Server Image Transcription Flow

Illustrates the asynchronous process of image transcription in Joplin, from client upload to processing by a dedicated Transcribe service using a job queue

flowchart · NOASSERTION

Encryption Process Flow

Illustrates the detailed flow of an encryption process, from password and plaintext input to ciphertext output, including key derivation, encoding, and cip

flowchart · NOASSERTION

Je Auto Control Multi-Platform Automation System Architecture

A comprehensive system architecture for 'je_auto_control', detailing client interfaces, transport layers, server-side logic, core automation functionalitie

flowchart · MIT

PyBreeze Modular Architecture

This diagram illustrates the modular architecture of PyBreeze, an IDE built with PySide6, showcasing its core JEditor, various automation menus, subprocess

flowchart · MIT

PyBreeze Modular Architecture Design

A modular architecture diagram for PyBreeze, an IDE built with PySide6, detailing its core editor, automation tools, executors, and utility modules.

flowchart · MIT

PyBreeze Modular Architecture

Overview of PyBreeze's modular architecture, detailing its UI, core editor, automation features, execution processes, tools, and installation components.

flowchart · MIT

Cross-Process Communication with RemoteMessenger

Illustrates the asynchronous communication flow between a Main Process and a WebView using a RemoteMessenger pattern, leveraging postMessage for Inter-Proc

flowchart · NOASSERTION

Cross-Process Remote Method Invocation

Illustrates how remote method invocation works between a Main Process and a WebView using postMessage and a RemoteMessenger for inter-process communication

flowchart · NOASSERTION

Dependency Injection Composition for Invoice Generation

Illustrates a dependency injection composition setup for invoice generation, showing how different invoice generator implementations and logging are wired

class · MIT

FHIR Group Creation with ClickHouse Indexing

Illustrates the process of creating a FHIR Group resource, including stripping members for primary storage and asynchronously indexing group members in Cli

sequence · MIT

FHIR Group Creation with ClickHouse Member Indexing

Details the FHIR Group creation process, showing how members are stripped for initial MongoDB storage and then asynchronously indexed in ClickHouse for fas

sequence · MIT

Joplin Encryption Process Flow

Illustrates the encryption steps in Joplin, showing how a master password encrypts the master key and how the master key encrypts notes/resources before sy

flowchart · NOASSERTION

Pure.DI Code Generation Workflow

This flowchart illustrates the internal workflow of the Pure.DI dependency injection container generator, from setup analysis to successful compilation.

flowchart · MIT

Remote Method Invocation (RMI) Flow

Illustrates the Remote Method Invocation (RMI) process between a Main Process and a WebView, detailing message exchange via postMessage for method calls.

flowchart · NOASSERTION

RemoteMessenger Inter-Process Communication Flow

This flowchart illustrates the communication mechanism between a WebView and a Main Process using RemoteMessenger and postMessage for method calls and retu

flowchart · NOASSERTION

FHIR Group Member Incremental Addition with ClickHouse

Illustrates the PATCH flow for incrementally adding members to a FHIR Group resource, leveraging ClickHouse for event storage and MongoDB for metadata upda

sequence · MIT

FHIR Group Member PATCH Flow with ClickHouse and MongoDB

Details the FHIR Group member PATCH operation, showing how new member events are written to ClickHouse for efficient storage and materialized views, while

sequence · MIT

Joplin Web App Resource Loading Flow

Illustrates the process of loading and rendering attached resources in the Joplin Web App, involving file system interaction and conversion to blob URLs fo

flowchart · NOASSERTION

Dependency Injection Root Bind Scenario

Illustrates a basic dependency injection setup using interfaces, concrete classes, and a composition root, showcasing how a service depends on a singleton

class · MIT

RemoteMessenger Initialization Flow

Illustrates the initialization handshake between RemoteMessenger instances in a Main Process and WebView using postMessage and RemoteReady messages.

flowchart · NOASSERTION

RemoteMessenger Initialization Flow

Illustrates the initial communication flow between MainProcess and WebView using RemoteMessenger for readiness signaling.

flowchart · NOASSERTION

Remote Messenger Initialization Handshake

Illustrates the initialization handshake process between a Main Process and a WebView using RemoteMessenger for cross-process communication.

flowchart · NOASSERTION

RemoteMessenger Initialization Handshake

Illustrates the initialization handshake between two RemoteMessenger instances, one in the Main Process and one in a WebView, using a RemoteReady message.

flowchart · NOASSERTION

FHIR Group Member Search Flow with ClickHouse and MongoDB

Illustrates how a FHIR API handles member searches for groups, leveraging ClickHouse for efficient member lookup and MongoDB for group metadata retrieval.

sequence · MIT

FHIR Group Member Search Flow

Illustrates the data flow for searching FHIR Groups by a specific member using a FHIR API, a storage provider, ClickHouse for member indexing, and MongoDB

sequence · MIT

V3 Stateless Agent Protocol

This diagram shows a stateless agent protocol. An orchestrator manages iterative task execution, feedback loops, confidence-based gating, and a validation

sequence · unknown license

Aqara MCP Server Integration Flow

Illustrates the communication flow between an AI Assistant, Aqara MCP Server, Aqara Cloud API, and AIOT Devices for smart home control.

flowchart · MIT

ASR Message Processing and Intelligent Analysis Flow

Details the real-time processing of ASR messages, including filtering, speaker identification, text accumulation, and logic for triggering intelligent anal

flowchart · NOASSERTION

Stateless Agent Protocol with Coordinator, Worker, Reviewer

Illustrates a stateless agent protocol involving a Coordinator, Worker, and Reviewer, utilizing Redis for context transfer and task orchestration.

sequence · unknown license

ASR Interview Coder LLM System Flow

This diagram illustrates the four-layered processing flow for an ASR-driven LLM system, including smart analysis, intent recognition, user personalization,

flowchart · NOASSERTION

ClawLoops Layered AI Runtime Architecture

A layered architecture diagram for ClawLoops, illustrating the separation of concerns across entry, platform, orchestration, runtime, and AI model access l

flowchart · Apache-2.0

ClawLoops Layered Architecture for AI/ML Runtime Orchestration

A layered system architecture for ClawLoops, detailing components like Traefik, Control Plane, Runtime Orchestrator, and Model Services for AI/ML runtime m

flowchart · Apache-2.0

ClawLoops Layered System Architecture

This diagram illustrates the layered architecture of the ClawLoops system, detailing the flow from browser access through ingress, control plane, runtime o

flowchart · Apache-2.0

ClawLoops Layered System Architecture

This diagram illustrates the layered architecture of ClawLoops, detailing the entry, platform, orchestration, runtime, and model layers for secure AI appli

flowchart · Apache-2.0

Cloud-Native K8s Elastic Scaling Architecture

A boundary-first layered architecture for cloud-native Kubernetes, separating ingress, control plane, runtime orchestration, and model access for enhanced

flowchart · Apache-2.0

High-Level Open Scheduler Workflow

Illustrates the high-level workflow of an open scheduler, from client job submission to resource reservation, instance provisioning, and status updates acr

sequence · unknown license

LoadDensity Load Testing System Architecture

This flowchart illustrates the architecture of LoadDensity, a load testing tool, detailing its input interfaces, action execution, multi-protocol support,

flowchart · MIT

LoadDensity Performance Testing Framework Architecture

This flowchart illustrates the architecture of LoadDensity, a performance testing framework, detailing its entry points, action execution, protocol handlin

flowchart · MIT

Cost-Savings Mode for Agent Spawning

This diagram illustrates the workflow for enabling a cost-savings mode, utilizing CLI spawning and a coordinator for lower overhead.

flowchart · unknown license

Blockchain-Based Agricultural Supply Chain Flow

Detailed flowchart illustrating the end-to-end journey of agricultural products from farmer to customer using blockchain for traceability.

flowchart · unknown license

Success Metrics Flow

Illustrates the flow of success metrics from system launch through user engagement, specific role achievements, and aggregated supply chain data to achieve

flowchart · unknown license

Product Supply Chain Traceability with Blockchain and QR

Illustrates a product's journey through a supply chain, from farmer to customer, leveraging blockchain for immutable record-keeping and QR codes for easy t

sequence · unknown license

System Architecture for Voice-Enabled RAG Application

An end-to-end system architecture for a voice-enabled RAG application, detailing the flow from audio input through ASR, intent recognition, RAG, LLM genera

flowchart · unknown license

BaseField Class Hierarchy

Illustrates the inheritance hierarchy of various field types from a BaseField, detailing common and specific configurations and methods for data modeling.

class · unknown license

Blockchain Integration Flow

Illustrates the complete flow for a frontend application interacting with a blockchain, covering wallet connection, transaction creation, signing, network

flowchart · unknown license

Farmer Workflow for Blockchain Crop Registration

Illustrates the step-by-step process for a farmer to register crop data on a blockchain, including form submission, wallet connection, and QR code generati

flowchart · unknown license

Grand Lifecycle: Logic-Driven Fulfillment

This diagram illustrates an e-commerce order's lifecycle, detailing how item sale types (ONHAND, PREORDER, HYBRID) and stock availability dictate fulfillme

flowchart · unknown license

KrishiSetu Frontend & Service Architecture

Illustrates the frontend component structure and its integration with blockchain and Firebase services for the KrishiSetu application.

flowchart · unknown license

MES System Architecture with .NET 8 and IoT Gateway

Detailed architecture of a Manufacturing Execution System (MES) showing OT, Edge, IT (.NET 8 backend), and UI layers, including data flow.

flowchart · unknown license

Data Flow Architecture

Illustrates the data flow from user input through frontend validation, state management, hybrid storage (Firebase and Blockchain), real-time synchronizatio

flowchart · unknown license

Inheritance Pattern for Field Classes

Illustrates a common inheritance pattern for field classes, showing how subclasses override base methods for type narrowing and add type-specific logic.

flowchart · unknown license

Retailer Workflow for Blockchain Product Tracking

This flowchart illustrates the retailer's process for receiving a product, adding details, connecting a wallet, and updating its status to 'Available' on a

flowchart · unknown license

Customer Workflow for Product Traceability

Illustrates the customer journey from scanning a QR code to viewing product history, price breakdown, authenticity proof, and the complete supply chain.

flowchart · unknown license

Inventory System Roles and Workflow Actions

Illustrates the various roles within an inventory system and their corresponding actions, mapping users to specific workflow phases like registration, test

flowchart · unknown license

Service Integration: Blockchain, Firebase, and QR Code

This diagram illustrates the integration of core services: blockchain, Firebase, and QR code, detailing their internal components and dependencies for a co

flowchart · unknown license

Voice Chat Assistant Core Data Flow

Illustrates the core data flow of a voice chat assistant, covering user input, ASR, intent classification, context pooling, knowledge retrieval, and respon

sequence · unknown license

Orchestra Governance and Escalation Workflow

Illustrates the interactions between a Task and governance components like PolicyEngine, EscalationManager, AuditLog, and GenealogyTracker, showing policy

sequence · MIT