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

CI/CD Pipeline Job State Diagram

This State Diagram is used to model how a CI/CD pipeline job moves from queued to running and then to passed, failed, or cancelled, including cancellation before or during execution and continued activity while running. It helps teams clarify lifecycle rules, runner assignment, completion outcomes, and cancellation behavior for troubleshooting and automation design. DevOps engineers, platform teams, and software developers would use it.

State DiagramCI/CDPipeline JobsDevOpsBuild Status
7 nodes 10 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
ER Diagram 4/16/2026

CRM ER Diagram for Contacts, Companies, Deals, Activities, and Pipelines

This ER diagram is used to design a CRM database that links Contacts and Companies via CompanyContact, tracks Deals within a Pipeline and PipelineStage, and ties Deals to people and accounts through DealContact and DealCompany. It helps teams enforce clear relationships, support reporting like deal value by stage, and keep activities organized using Activity with flexible ActivityAssociation links. Product builders, database designers, and CRM admins would use it to implement and maintain the schema.

ER DiagramCRM databaseSales pipelineDeal trackingData modeling
10 nodes 10 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
ER Diagram 3/20/2026

API Design Best Practices ER Diagram

This ER diagram is used to organize the core parts of API design best practices by linking a central API design domain to REST, versioning, authentication and authorization, and documentation. It helps teams plan consistent resource URLs, HTTP method usage, backward compatibility, OAuth or API key security, and clear OpenAPI-based docs. Software architects, backend developers, API product teams, and technical writers would use it.

ER DiagramAPI DesignREST APIVersioningAuthenticationDocumentation
5 nodes 4 connections
State Diagram 3/20/2026

CI/CD Pipeline Job State Diagram

A state diagram for a CI/CD pipeline job is used to map how a job moves from queued to running and then to passed, failed, or cancelled based on events such as runner assignment, execution success, execution failure, or cancellation. It helps teams clarify job lifecycle rules, troubleshoot pipeline behavior, and document automation logic. DevOps engineers, platform teams, QA engineers, and developers would use it.

CI/CDState DiagramDevOpsPipeline JobsJob Lifecycle
7 nodes 9 connections
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
ER Diagram 3/18/2026

PEMDAS ER Diagram: Order of Operations Rules and Worked Example

This ER Diagram organizes the PEMDAS order of operations by linking the PEMDAS entity to its rule categories—Parentheses (1st), Exponents (2nd), Multiplication & Division (3rd, left-to-right), and Addition & Subtraction (4th, left-to-right)—and then connects PEMDAS to a worked example, 3 + 2 × (4^2 − 1), resolved step-by-step to 33. It’s used to prevent calculation mistakes by clarifying precedence and tie-breaking, helping students, teachers, and tutors explain and apply the rules consistently.

ER DiagramPEMDASOrder of OperationsMath RulesExpressions
6 nodes 5 connections