Diagram examples

Public diagrams built in ChartCraft.

Every diagram here was generated from a plain-language description. Open any one to see its structure live.

State Diagram 4/16/2026

ATM State Diagram for Card, PIN, Withdrawal, and Error Handling

This state diagram is used to model how an ATM moves from power on and idle through card reading, PIN entry, menu selection, amount entry, processing, cash dispensing, receipt printing, card ejection, card retention after three failed PIN attempts, and out-of-service recovery. It helps clarify valid transitions, exception handling, and session outcomes for banking software teams, QA testers, ATM product managers, and operations staff.

State DiagramATMBanking WorkflowPIN VerificationCash Withdrawal
13 nodes 22 connections
State Diagram 4/16/2026

Support Ticket State Diagram with Escalation and Conditional Routing

A State Diagram for a support ticket lifecycle, covering New, Triage, Assigned, In Progress, Escalated, Pending Vendor, Resolved, Closed, and Cancelled, with conditions such as missing details, no response timeouts, SLA breach risk, misrouting, reopen, and vendor dependency. It is used to define allowed status changes, improve handoffs and exception handling, and help support managers, service desk teams, and operations leads standardize ticket handling.

State DiagramSupport TicketsIncident WorkflowSLA EscalationCustomer Support
12 nodes 20 connections
Flowchart 4/16/2026

CI/CD Deployment Flowchart with Test Gates, Approval, and Rollback

A flowchart for a CI/CD deployment pipeline that starts with a code push, moves through build, unit, integration, staging, smoke testing, manual approval, production release, health monitoring, and rollback on failure. It is used to define release control points, clarify pass or fail paths, and reduce deployment risk. DevOps engineers, software teams, QA leads, and release managers use it to align responsibilities and improve delivery reliability.

CI/CDFlowchartDeploymentTest GatesRollback
17 nodes 19 connections
Sequence Diagram 4/16/2026

CI/CD Pipeline Sequence Diagram for GitHub, Docker Registry, Staging and Production

A sequence diagram for a CI/CD pipeline where a GitHub commit triggers the build server, which builds and tests the application, pushes a Docker image to the registry, deploys it to staging for verification, and then promotes it to production. It is used to clarify deployment order, handoffs, and acknowledgements, helping teams validate release flow, spot bottlenecks, and align automation. DevOps engineers, platform teams, and developers would use it.

CI/CDSequence DiagramGitHubDocker RegistryStaging DeployProduction Release
5 nodes 9 connections
Sequence Diagram 4/16/2026

Kafka Producer-Consumer Sequence with Offset Commit

A sequence diagram for a Kafka producer-consumer flow with offset commit, mapping how a Producer publishes a record to a Kafka Broker, how a Consumer Group polls and processes the returned batch, and how offsets are committed to an Offset Store with acknowledgment. It is used to clarify delivery and consumption order, support debugging of acknowledgment and offset handling, and help backend engineers, data platform teams, and architects design reliable event-driven systems.

KafkaSequence DiagramConsumer GroupOffset Commit
4 nodes 7 connections
BPMN Diagram 4/16/2026

BPMN Job Recruitment Pipeline with HR, Hiring Manager, Legal, and Candidate

A BPMN job recruitment pipeline maps how a candidate moves from application submission through HR resume screening, interview scheduling, hiring manager evaluation, legal contract review, and final offer acceptance or closure. It is used to clarify handoffs and decision points, helping teams reduce delays, standardize hiring, and spot bottlenecks. HR teams, hiring managers, recruiters, legal reviewers, and operations leaders would use it.

BPMN diagramrecruitment processHR workflowhiring pipelinecandidate journey
13 nodes 14 connections 4 lanes
ER Diagram 4/16/2026

Food Delivery Platform ER Diagram

This ER diagram is used to design and validate a food delivery platform database by mapping how restaurants own menus and menu items, customers place orders, orders contain order items, drivers handle deliveries, and customers leave ratings tied to orders, restaurants, and drivers. It helps teams structure data, enforce relationships, and support ordering, delivery tracking, and feedback features, making it useful for product managers, developers, DBAs, and system architects.

ER DiagramFood DeliveryDatabase SchemaOrder ManagementDelivery App
9 nodes 13 connections
BPMN Diagram 4/16/2026

Vendor Procurement BPMN Diagram for Requisition, Approval, PO, and Payment

This BPMN diagram is used to manage vendor procurement from a requester’s identified need through requisition review, quote collection, budget approval, purchase order confirmation, receipt of goods or services, invoicing, and payment. It helps teams clarify handoffs, approval points, and rejection or clarification loops across Requester, Procurement, Finance, and Vendor swimlanes, and is used by procurement managers, finance teams, requesters, vendors, and process analysts.

BPMNProcurementPurchase OrderBudget ApprovalVendor Workflow
17 nodes 17 connections 4 lanes
ER Diagram 4/16/2026

Expense Reimbursement ER Diagram: Employee, Manager, Finance & Accounting Flow

This ER diagram is used to map the handoffs in an expense reimbursement case across Employee, Manager, Finance, and Accounting. It helps teams clarify who submits, reviews, approves, requests clarification, rejects, and ultimately pays and closes the case, including rework loops after manager rejection or finance clarification. HR ops, finance teams, accountants, and process owners use it to align responsibilities and reduce delays and compliance issues.

ER DiagramExpense reimbursementApprovalsFinance operationsAccounting
4 nodes 8 connections
ER Diagram 4/16/2026

University System ER Diagram for Courses, Sections, Enrollments, and Grading

This ER diagram is used to design a university academic database by defining how Students, Departments, Courses, Professors, Terms, and CourseSections relate through Enrollments and track learning via Assignments and Submissions. It helps teams enforce referential integrity for course offerings, section scheduling, teaching assignments, prerequisite rules, enrollment status, grades, and submission scoring. It’s used by database designers, developers, and registrar/academic systems analysts.

ER DiagramUniversity databaseCourse enrollmentAcademic recordsSchema design
10 nodes 12 connections
BPMN Diagram 3/30/2026

Loan Origination BPMN Diagram with Swimlanes

A BPMN diagram for loan origination that maps how the Applicant, Loan Officer, Underwriting, and Operations coordinate from application submission through document collection, underwriting, approval or rejection, offer acceptance, and loan booking. It is used to clarify handoffs, decision points, and rework around missing documents, helping teams improve compliance, cycle time, and accountability. Banks, lenders, operations managers, analysts, and process owners would use it.

BPMN DiagramLoan OriginationUnderwritingSwimlanesBanking Process
14 nodes 14 connections 4 lanes
State Diagram 3/20/2026

CI/CD Pipeline Job State Diagram

A state diagram for a CI/CD pipeline job maps how work moves from Queued to Running, then ends as Passed, Failed, or Cancelled, with cancellation possible before or during execution. It is used to define valid job behavior and terminal outcomes, helping teams reason about automation flow, error handling, and interruption rules. DevOps engineers, platform teams, QA leads, and developers would use it to align pipeline design and operations.

CI/CDstate diagrampipeline jobdevopsjob lifecycle
5 nodes 5 connections
BPMN Diagram 3/20/2026

BPMN Loan Application Approval Process with Customer, Bank, and Credit Bureau

A BPMN loan application approval diagram used to map how a customer submits an application, the bank checks completeness and assesses risk, and the credit bureau generates and returns a credit report before approval or rejection. It helps teams clarify responsibilities, decision points, and handoffs, and is used by bank operations staff, business analysts, compliance teams, and lending managers.

BPMNLoan ApprovalBanking ProcessCredit BureauSwimlane Diagram
17 nodes 17 connections 3 lanes
State Diagram 3/20/2026

SaaS Subscription State Diagram for Trial, Billing, Pause, and Cancellation

This State Diagram is used to model a SaaS subscription lifecycle across Trial, Active, Past Due, Paused, and Cancelled states, including key transitions such as trial conversion, payment failure, payment recovery, pause, resume, and cancellation after dunning is exhausted. It helps teams define billing rules, user access behavior, and edge cases clearly, and is used by product managers, engineers, billing teams, and operations staff.

State DiagramSaaS billingSubscriptionsTrial lifecycleDunning
5 nodes 9 connections
BPMN Diagram 3/20/2026

BPMN Online Order Fulfillment: Payment, Inventory, Shipping & Tracking

This BPMN diagram is used to standardize how an online order moves across Customer, Sales, Warehouse, and Shipping—from submitting an order and validating payment, through inventory checks with a backorder/restock path, to pick & pack, shipment creation, carrier handoff, and tracking sent before receipt. It helps teams pinpoint handoffs, decision points, and rework loops (payment retry/cancel) to reduce delays. Operations managers, process analysts, and fulfillment leads would use it.

BPMNOrder fulfillmentEcommerce opsInventoryShipping
17 nodes 18 connections 4 lanes
Sequence Diagram 3/18/2026

Kafka Producer-Consumer Sequence with Consumer Group Join, Fetch, and Offset Commit

This sequence diagram is used to clarify the end-to-end message flow in Kafka from a Producer sending Produce(topic, partition, key, value) to a Kafka Broker acking with an offset, then a Consumer Group joining and receiving partition assignments before fetching records from the last committed offset. It helps teams reason about delivery guarantees, partition ownership, and when offsets are persisted via CommitOffset and the broker’s write to the Offset Store. It’s used by backend engineers, SREs, and platform tea...

KafkaSequence DiagramConsumer GroupOffset CommitEvent Streaming
4 nodes 11 connections
Class Diagram 3/18/2026

Event Sourcing Class Diagram: EventStore, Aggregates, Command Bus, and Projections

This class diagram is used to clarify an event-sourced architecture by showing how CommandBus routes a Command to a CommandHandler, which loads and saves an AggregateRoot through an EventSourcedRepository backed by an EventStore. It helps teams reason about consistency, versioning, and event flow as AggregateRoot emits DomainEvent instances that the EventStore appends, loads, and publishes via an EventBus. Developers and architects use it to design write models and read models, where a Projector subscribes to even...

event sourcingclass diagramCQRSEventStoreprojections
11 nodes 13 connections