Diagram examples

Diagram examples — page 6 of 7

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

Flowchart 4/20/2026

University Enrollment Flowchart for Students, Courses, Professors, and Records

This flowchart is used to map how student records connect to enrollment records, how courses link to each enrollment, and how professors teach courses within a university enrollment model. It helps teams clarify ownership of student, course, professor, and enrollment data, track semester and grade information, and spot relationship gaps when expanding class properties. It is useful for registrars, university admins, developers, and database designers.

flowchartuniversityenrollmentcourse recordsstudent data
4 nodes 3 connections
Sequence Diagram 4/19/2026

User Login with MFA Using TOTP Sequence Diagram

This sequence diagram is used to detail the exact request/response flow for a browser login that requires TOTP-based MFA, including challenge creation and session issuance. It helps teams verify responsibilities and data passed between the Browser, Identity Service, TOTP App, and Session Store—from POST /login through creating a pending mfa_challenge, submitting /mfa/totp, validating the code, and returning Set-Cookie session_id. Backend engineers, security engineers, and QA use it to implement, test, and troubles...

sequence diagramMFATOTPauthenticationsession management
4 nodes 10 connections
Flowchart 4/18/2026

Feature Flag Rollout Flowchart with Percentage Activation

A flowchart for feature flag rollout decisions, tracing each user request through a kill switch check, flag status, user-key hashing, rollout percentage evaluation, and final delivery of either the new feature or the existing flow before logging exposure. It is used to plan safer progressive releases, control blast radius, and verify fallback behavior, helping product teams, backend engineers, and SREs manage staged launches and rapid disablement.

flowchartfeature flagsrollout strategykill switchprogressive delivery
10 nodes 12 connections
BPMN Diagram 4/18/2026

Insurance Claim Handling BPMN Swimlane Diagram

This BPMN diagram is used to map insurance claim handling across the Claimant, Agent, Adjuster, and Accounting swimlanes, from loss reported and claim submission through completeness review, requests for more details, damage assessment, approval, payment, or denial. It helps clarify handoffs, decision points, and rework loops, and is used by insurers, operations teams, claims managers, agents, adjusters, and finance staff.

BPMN DiagramInsurance ClaimsSwimlane ProcessClaims WorkflowClaims Approval
11 nodes 11 connections 4 lanes
BPMN Diagram 4/18/2026

FastFoot Order Fulfillment BPMN Diagram

This BPMN Diagram maps FastFoot’s order fulfillment workflow across Sales, Warehouse, and Logistics, from order receipt and stock check to picking, packing, shipment booking, dispatch, and customer notification, with a decision for unavailable stock. It is used to clarify handoffs, responsibilities, and exceptions, helping teams improve coordination, reduce delays, and standardize execution. Sales managers, warehouse supervisors, logistics coordinators, and operations analysts would use it.

BPMN DiagramOrder FulfillmentSales OpsWarehouseLogistics
12 nodes 11 connections 3 lanes
Sequence Diagram 4/18/2026

Checkout payment sequence with retry, inventory reservation, and receipt email

This sequence diagram is used to map the checkout path from customer submission through cart validation, card charging, failure handling, inventory reservation, and receipt delivery. It helps teams verify order of operations, error recovery with a retry screen after a failed charge, and service dependencies between Checkout, Payment Gateway, Inventory Service, and Email Service. Product managers, engineers, QA analysts, and solution architects would use it.

sequence diagramcheckout flowpayment retryinventory reservereceipt email
5 nodes 11 connections
Class Diagram 4/17/2026

New Hire Onboarding Class Diagram (HR Profile, IT Accounts, Buddy Assignment, Day-One Training)

This class diagram is used to model the core data and responsibilities in new hire onboarding, clarifying how HR creates a Profile for an Employee, IT provisions one or more Accounts for that Employee, and a Manager manages the Employee and assigns a buddy (another Employee). It also captures that Employees complete day-one Training items via a many-to-many relationship. HR teams, IT admins, and engineering teams use it to align data structures, ownership, and integrations across profile creation, account activati...

class diagramonboardingHR and ITaccount provisioningemployee training
7 nodes 7 connections
ER Diagram 4/16/2026

University ER Diagram for Students, Courses, Enrollments, Professors, and Grades

This ER diagram is used to design a university database that connects students to courses through enrollments, links each course to the professor who teaches it, and records detailed grade items per enrollment. It helps ensure correct keys and relationships for tracking rosters by term, enrollment status, and grading outcomes (scores and letters). Database designers, campus IT teams, and registrar or academic operations staff would use it to build and validate student information and reporting systems.

ER DiagramUniversity databaseCourse enrollmentStudent recordsGrades
5 nodes 4 connections
BPMN Diagram 4/16/2026

BPMN Customer Support Ticket Lifecycle with Escalation and QA Validation

This BPMN diagram is used to standardize how a support issue moves from customer submission through support triage, info requests, and a decision to resolve in support or escalate to engineering for a fix and QA validation. It helps teams clarify handoffs, decision points (need more info, can support resolve, tests pass, customer confirms), and the rework loops for failed tests or unresolved outcomes. Support leads, engineering, QA, and customer success teams use it to align responsibilities and reduce resolution...

BPMNCustomer SupportTicket LifecycleIncident TriageEngineering QA
19 nodes 22 connections 4 lanes
Flowchart 4/16/2026

IoT Platform Flowchart for MQTT Telemetry and Dashboard Access

This flowchart is used to map how IoT devices publish MQTT telemetry to a broker, how a stream processor routes that event data into a telemetry store, analytics warehouse, and alerting webhooks, and how a dashboard reaches registry and telemetry data through an API gateway. It helps teams design ingestion, monitoring, and integration paths, and is useful for IoT architects, backend engineers, platform teams, and technical stakeholders.

IoT architectureFlowchartMQTT brokerTelemetryDashboard
9 nodes 9 connections
Flowchart 4/16/2026

Event-Driven Order Processing Flowchart with Kafka and Dead-Letter Queue

This flowchart is used to document an event-driven order processing architecture where order clients send requests through an API gateway to an order service, which writes to the order database and publishes events to Kafka for downstream consumers. It helps teams understand request flow, event handling, failure paths through the dead-letter queue, and archival to S3. Software architects, backend engineers, platform teams, and operations staff would use it.

flowchartorder processingKafkadead-letter queueS3 archive
8 nodes 9 connections
Sequence Diagram 4/16/2026

Bank Loan Application Sequence Diagram

This Sequence Diagram is used to map how a bank loan application moves from the Applicant through the Loan Portal, Loan DB, Underwriting Engine, and Credit Bureau to an approval outcome. It helps teams understand submission, data storage, credit report retrieval, risk assessment, decision updates, and applicant notification, making handoffs and dependencies clear for product managers, solution architects, developers, QA analysts, and banking operations teams.

sequence diagrambankingloan applicationunderwritingcredit check
5 nodes 11 connections
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