ChartCraft
Open studio

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.

BPMN Diagram 7/13/2026

University enrollment

University enrollment — bpmn diagram with 11 nodes and 10 connections.

11 nodes 10 connections 4 lanes
Flowchart 7/12/2026

ML Pipeline Architecture

Flowchart of an end-to-end ML pipeline showing data sources flowing into a raw data lake, ingestion, and a feature store, then training to a model registry and serving API for apps and users, with monitoring and drift feedback loops.

ml pipelinefeature storemodel servingtrainingmodel registrymonitoring
9 nodes 11 connections
Sequence Diagram 7/12/2026

Stripe Checkout Payment Flow

Stripe Checkout Payment Flow — sequence diagram with 4 nodes and 11 connections.

4 nodes 11 connections
Sequence Diagram 7/12/2026

CDN Cache Miss and Origin Fetch

CDN Cache Miss and Origin Fetch — sequence diagram with 3 nodes and 7 connections.

3 nodes 7 connections
ER Diagram 7/12/2026

SaaS Multi-Tenant ERD

SaaS Multi-Tenant ERD — er diagram with 8 nodes and 9 connections.

8 nodes 9 connections
BPMN Diagram 7/12/2026

Hospital Patient Intake

Hospital Patient Intake — bpmn diagram with 13 nodes and 15 connections.

13 nodes 15 connections 4 lanes
BPMN Diagram 7/12/2026

Airport Check-in Swimlane Diagram

Swimlane diagram of the airport check-in process across Passenger, Airline, Security, and Ground Crew roles. It follows document verification, boarding pass issuance, baggage check, parallel security screening, and the outcomes of boarding or denied check-in.

swimlane diagramairport check-inbpmnsecurity screeningbaggage checkpassenger process
13 nodes 13 connections 4 lanes
Flowchart 7/12/2026

On-Call Alert Routing Architecture

Flowchart of an on-call alert routing system, showing alerts moving from monitoring tools through ingestion, severity triage, and routing to responders. It also includes escalation paths, notification channels, incident tracking, and ticket creation.

on-callalert routingincident managementescalationmonitoringticketing
9 nodes 10 connections
BPMN Diagram 7/12/2026

Hospital Patient Intake

BPMN swimlane diagram of a hospital patient intake process across Reception, Triage, Doctor, and Pharmacy. It follows the path from patient arrival and registration through vitals assessment, examination, medication dispensing, instructions, or emergency referral.

bpmnhospital workflowpatient intaketriagepharmacy
10 nodes 10 connections 4 lanes
Sequence Diagram 7/12/2026

OAuth2 Authorization Code Flow

Sequence diagram of the OAuth 2.0 Authorization Code Flow, showing how the user, browser, client app, and authorization server interact during sign-in and code exchange.

oauth2authorization code flowsequence diagramauthenticationauthorization server
4 nodes 10 connections
BPMN Diagram 7/12/2026

Hospital Patient Intake

BPMN diagram of a hospital patient intake workflow across Reception, Triage, Doctor, and Pharmacy lanes, from patient arrival and registration through vitals assessment, consultation, prescription, dispensing, and visit completion.

bpmnhospital workflowpatient intaketriageclinical processpharmacy
10 nodes 10 connections 4 lanes
Class Diagram 7/12/2026

Payment Gateway — Strategy Pattern

Class diagram of a payment system using the Strategy pattern: OrderService calls PaymentProcessor, which delegates to a PaymentGateway interface implemented by StripeGateway and PayPalGateway.

strategy patternclass diagrampayment gatewaystripepaypal
5 nodes 4 connections
ER Diagram 7/12/2026

SaaS Subscription Database

Entity-relationship diagram for a SaaS subscription database, showing organizations, users, plans, subscriptions, invoices, and payments and how billing records connect to customers and pricing plans.

erdsaassubscription billingdatabase schemainvoicespayments
6 nodes 5 connections
Flowchart 7/12/2026

Microservices Platform

Flowchart of a microservices platform where a client app sends requests through an API gateway to user, order, catalog, and payment services. It also shows separate databases, a message bus, and a notification service for asynchronous events.

microservicesapi gatewaymessage busservice architecturedistributed systems
11 nodes 10 connections
ER Diagram 7/12/2026

Food Delivery Platform ERD

Entity-relationship diagram for a food delivery platform, showing customers, restaurants, menus, menu items, drivers, orders, order items, and ratings. It maps how orders connect users, merchants, delivery, and feedback data.

entity relationship diagramfood deliveryordersrestaurantsdelivery driversratings
8 nodes 11 connections
BPMN Diagram 7/12/2026

Contract Review and Signing

BPMN workflow showing how a sales contract moves from drafting and legal review through finance and executive approval to signature and storage, with rejection paths when any approval fails.

bpmncontract reviewapprovalslegal workflowfinance approvalsignature process
12 nodes 13 connections 4 lanes
BPMN Diagram 7/12/2026

SaaS Subscription Renewal

BPMN workflow for a SaaS subscription renewal across Customer, CRM, Billing, and Support. It traces notice and offer review through payment success, activation, confirmation, or issue resolution leading to completion or cancellation.

bpmnsaassubscription renewalbillingpayment flowcustomer support
12 nodes 12 connections 4 lanes
BPMN Diagram 7/12/2026

Job Recruitment Pipeline

BPMN diagram of a job recruitment pipeline with lanes for Candidate, HR, Hiring Manager, and Legal, tracing the process from application receipt and screening through interviews, selection, offer review, and issuing or closing the application.

bpmnrecruitmenthiring processcandidate screeningjob interviewoffer approval
14 nodes 15 connections 4 lanes
BPMN Diagram 7/12/2026

Untitled diagram

BPMN swimlane diagram of an order fulfillment process across Customer, Sales, Warehouse, and Shipping. It covers checkout, payment verification, stock availability, picking and packing, dispatch, tracking, delivery, and cancellation if payment fails.

bpmnorder fulfillmentswimlane diagramwarehouse processshipping workflow
14 nodes 14 connections 4 lanes
Flowchart 7/12/2026

CI/CD Pipeline Architecture

Flowchart of a CI/CD pipeline from GitHub commits through a webhook-triggered build, container image push to a Docker registry, deployment to staging, manual release approval, and promotion to production.

ci/cddeployment pipelinegithubdocker registrystagingproduction
9 nodes 10 connections
Flowchart 7/12/2026

Checkout Flow

Flowchart of an e-commerce checkout process from cart review through payment and order confirmation, including decision points for cart validation, payment failure, retries, and checkout ending.

checkout flowe-commercepayment processingorder confirmationdecision flow
13 nodes 14 connections
ER Diagram 7/8/2026

Recipe Data Model (ERD)

Recipe Data Model (ERD) — er diagram with 6 nodes and 10 connections.

6 nodes 10 connections
ER Diagram 7/8/2026

Recipe Selection Site

ERD showing a recipe app data model, with entities for foodRecipe and ingredientInfo plus a recipe collection. It also includes code-related nodes like variable declaration and functions addRecipe() and displayRecipe(recipes) linked to the data flow.

erddata modelrecipesingredientsfunctionsjavascript
6 nodes 10 connections