%% flowchart
E-commerce Checkout Flow
Complete checkout process with error handling
Good for: E-commerce systems, user journey mapping
#ecommerce#checkout#payment#user-flow
%% gallery
13 diagrams, source included.
Every card below is rendered live by the component. Open the source, copy it, paste it into
your own string prop.
13 / 13
advanced
%% flowchart
Microservices Architecture
System architecture with multiple services
Good for: System design, architecture documentation
#microservices#architecture#system-design#scalability
%% sequence
OAuth 2.0 Authorization Flow
Complete OAuth authentication sequence
Good for: Authentication systems, API security
#oauth#authentication#security#api
%% flowchart
CI/CD Pipeline
DevOps deployment pipeline with stages
Good for: DevOps, deployment automation
#cicd#devops#deployment#automation
%% gantt
Agile Sprint Planning
Sprint timeline with ceremonies
Good for: Project management, agile planning
#agile#sprint#scrum#project-management
%% journey
User Onboarding Journey
Complete user experience flow
Good for: UX design, customer experience
#ux#onboarding#user-journey#experience
%% er
E-commerce Database Schema
Relational database design for e-commerce
Good for: Database design, data modeling
#database#schema#ecommerce#relationships
%% state
Order State Machine
Order lifecycle state transitions
Good for: State management, business logic
#state-machine#order#lifecycle#business-logic
%% gitgraph
Git Feature Branch Workflow
Development workflow with Git branches
Good for: Version control, team collaboration
#git#workflow#branching#collaboration
%% class
Payment System Classes
Object-oriented design for payment processing
Good for: Software architecture, OOP design
#oop#classes#payment#architecture
%% mindmap
Product Feature Mindmap
Feature breakdown for product planning
Good for: Product planning, brainstorming
#mindmap#features#product#planning
%% pie
Technology Stack Distribution
Pie chart showing technology usage
Good for: Data visualization, reporting
#pie-chart#data#statistics#visualization
%% sequence
Microservices Communication
Complex inter-service communication pattern
Good for: Distributed systems, service architecture
#microservices#communication#distributed#async