Diagram examples

Diagram examples — page 3 of 7

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

Sequence Diagram 8/11/2026

Online Shopping Sequence Diagram

Sequence diagram of an online shopping flow where a customer uses a web storefront to place an order, triggering inventory checks, payment processing, and order confirmation by email.

sequence diagramonline shoppingorder processinginventory checkpayment gatewayemail confirmation
6 nodes 5 connections
Sequence Diagram 8/11/2026

ATM Withdrawal Sequence Diagram

Sequence diagram of an ATM cash withdrawal, showing how the customer, ATM, bank server, account database, and cash dispenser interact to authenticate the user, verify funds, and dispense cash.

sequence diagramatm withdrawalbanking systemauthenticationcash dispenser
5 nodes 25 connections
Class Diagram 8/11/2026

Banking System Class Diagram

Class diagram of a banking system showing core entities such as bank, customer, account, transaction, loan, card, and employee. It includes account specializations for savings and current accounts, plus a loan officer role.

class diagrambanking systemaccountstransactionsloansuml
10 nodes 10 connections
Class Diagram 8/11/2026

Online Shopping Class Diagram

Class diagram for an online shopping system showing users, customers, and administrators alongside products, categories, carts, orders, payments, shipments, and reviews. It also models cart and order line items plus credit card and PayPal payment types.

class diagrame-commerceshopping cartorder managementpayment processinguml
14 nodes 15 connections
Class Diagram 8/11/2026

ATM System Class Diagram

Class diagram of an ATM system showing the ATM’s relationships with hardware components, customer cards, bank accounts, and transaction types such as withdrawal, deposit, balance inquiry, and transfer.

class diagramatm systembankingtransactionsaccountsuml
16 nodes 14 connections
Class Diagram 8/11/2026

Hospital Management System Class Diagram

Class diagram of a hospital management system showing people and roles (patient, staff, doctor, nurse), clinical records and prescriptions, appointments, wards and beds, and billing. It outlines the main entities used to manage care and hospital operations.

class diagramhospital managementhealthcare systempatient recordsappointmentsbilling
12 nodes 13 connections
ER Diagram 8/11/2026

Banking System ER Diagram

Entity-relationship diagram of a banking system showing customers, branches, accounts, transactions, loans, cards, employees, and the AccountHolder join table for shared account ownership.

bankingentity relationship diagramdatabase designaccountstransactionsloans
9 nodes 9 connections
ER Diagram 8/11/2026

School Management System ER Diagram

Entity-relationship diagram for a school management system showing students, teachers, classes, subjects, exams, attendance, fees, and exam results, with a join table linking teachers to subjects.

school managemententity relationshipdatabase schemastudent recordsexam resultsattendance
9 nodes 10 connections
ER Diagram 8/11/2026

Inventory Management System ER Diagram

ER diagram of an inventory management system showing suppliers, products, warehouses, stock levels, purchase orders and line items, and stock movements. It maps how inventory is ordered, stored, and tracked across locations.

inventory managemententity relationship diagramwarehousingpurchase ordersstock tracking
7 nodes 8 connections
ER Diagram 8/11/2026

Online Shopping System ER Diagram

Entity-relationship diagram for an online shopping system showing customers, addresses, products, categories, carts, orders, payments, reviews, and line items, with relationships between shopping, checkout, and order records.

entity relationship diagrame-commerceonline shoppingorder managementcartdatabase design
10 nodes 11 connections
ER Diagram 8/11/2026

Library Management System ER Diagram

Entity-relationship diagram for a library management system, showing members, books, authors, categories, loans, reservations, and librarians. It includes a junction table for the many-to-many relationship between books and authors.

library managemententity relationship diagramdatabase schemabooks and authorsloans and reservations
8 nodes 9 connections
Flowchart 8/11/2026

For Loop Flowchart

Flowchart of a for loop: initialize i = 0, test whether i < n, run the loop body, increment i, and repeat until the condition fails, then continue after the loop to end.

flowchartfor loopiterationcontrol flowprogramming
8 nodes 8 connections
Flowchart 7/25/2026

Main Dinosaur Families

Flowchart showing how dinosaurs split into Saurischia and Ornithischia, then into major groups like Theropoda, Sauropodomorpha, Thyreophora, Ornithopoda, and Marginocephalia, with sub-branches such as Ceratopsia and Ankylosauria.

dinosaurstaxonomyevolutionary treesaurischiaornithischiaflowchart
13 nodes 18 connections
Flowchart 7/25/2026

CI/CD Pipeline Flowchart

CI/CD Pipeline Flowchart — flowchart with 20 nodes and 23 connections.

20 nodes 23 connections
Flowchart 7/25/2026

CI/CD Pipeline Flowchart

CI/CD Pipeline Flowchart — flowchart with 20 nodes and 22 connections.

20 nodes 22 connections
Flowchart 7/25/2026

CI/CD Pipeline

CI/CD Pipeline — flowchart with 16 nodes and 17 connections.

16 nodes 17 connections
BPMN Diagram 7/25/2026

Employee onboarding

Employee onboarding — bpmn diagram with 11 nodes and 11 connections.

11 nodes 11 connections 4 lanes
State Diagram 7/25/2026

Traffic Light State Diagram

State diagram of a traffic light sequence from Start to End, showing transitions through Red, Red+Amber, Green, and Amber in the typical cycle.

state diagramtraffic lightsfinite state machinecontrol systemssequence
6 nodes 6 connections
Class Diagram 7/25/2026

Library Management System

Class diagram for a library management system showing how the library, catalog, books and copies relate to members, librarians, loans, holds, fines, and payments, with status enums and notification services.

class diagramlibrary systemumlloans and holdsfines and paymentsnotifications
16 nodes 12 connections
Sequence Diagram 7/25/2026

OAuth 2.0 Authorization Code Flow

OAuth 2.0 Authorization Code Flow — sequence diagram with 4 nodes and 9 connections.

4 nodes 9 connections
Flowchart 7/25/2026

Order Management ER Diagram

Order Management ER Diagram — flowchart with 12 nodes and 13 connections.

12 nodes 13 connections
Flowchart 7/25/2026

E-commerce Checkout Process

E-commerce Checkout Process — flowchart with 20 nodes and 25 connections.

20 nodes 25 connections
Flowchart 7/25/2026

User Login & Authentication Flow

Flowchart of a user login and authentication process: open login page, validate inputs, apply rate limiting, look up the user, verify password hash, record failed attempts, handle MFA via OTP, then create a session or issue tokens and redirect.

authenticationlogin flowmfaotprate limitingsession tokens
17 nodes 21 connections