Example Gallery

18 example diagrams across 4 types — all generated from YAML specs with a single command.

Flow Diagrams

12
Cloud Architecture

Cloud Architecture

AWS services with groups and brand icons

flow
Microservices Architecture

Microservices Architecture

Service mesh with databases and message queues

flow
AWS Serverless

AWS Serverless

Lambda, API Gateway, DynamoDB serverless stack

flow
API Request Lifecycle

API Request Lifecycle

Request flow through middleware and handlers

flow
Data Pipeline

Data Pipeline

ETL pipeline with ingestion, processing, and storage

flow
Deploy Pipeline

Deploy Pipeline

CI/CD deployment flow from commit to production

flow
diagrams.sh Architecture

diagrams.sh Architecture

Internal architecture of the diagrams CLI itself

flow
Git Workflow

Git Workflow

Branching and merge strategy visualization

flow
CI/CD Pipeline

CI/CD Pipeline

Build pipeline with brand icons for each service

flow
Icon Showcase

Icon Showcase

Gallery of available brand and technology icons

flow
ML Pipeline

ML Pipeline

Machine learning pipeline from data to deployment

flow
User Registration

User Registration

User signup flow with validation and notifications

flow

Gantt Charts

2
Product Launch Plan

Product Launch Plan

Product launch timeline with milestones and dependencies

gantt
Sprint 12 — Auth Overhaul

Sprint 12 — Auth Overhaul

Sprint planning with task assignments and deadlines

gantt

Timelines

2
Release History

Release History

Chronological release log with version highlights

timeline
Startup Journey

Startup Journey

Company milestones from founding to growth

timeline

Quadrant Charts

2
Priority Matrix

Priority Matrix

Effort vs impact prioritization grid

quadrant
Tech Radar

Tech Radar

Technology adoption stages by category

quadrant

Build your own

All examples above were generated from simple YAML specs. Install diagrams and start rendering.

# Install
npm install -g @agent-clis/diagrams
# Render any example
diagrams render spec.yaml -o output.svg
Get Started