Diagram examples
Every diagram here was generated from a plain-language description. Open any one to see its structure live.
A home network diagram showing the internet connection through the ISP, modem, and router, then splitting into wired devices, wireless devices, and a separate IoT network for smart home equipment.
Office network topology showing the path from the internet and ISP modem through a firewall, core switch, and floor access switches to workstations, printers, VoIP phones, video devices, and Wi-Fi. It also includes a server room with file, intranet, and NAS backup systems plus…
Flowchart of an MCP setup where an AI application connects through an MCP client and JSON-RPC transport to filesystem, database, web API, and diagram servers, which in turn access local disk, Postgres, and a SaaS REST API.
Flowchart of an AI agent architecture where a user request passes through guardrails, planning, tool routing, memory, and external tools such as web search, a code sandbox, and a vector database before producing a final answer.
Flowchart of a retrieval-augmented generation pipeline: documents are loaded, chunked, embedded, and stored in a vector database, then a user question is retrieved, re-ranked, added to a prompt, and answered by an LLM.
Purchase Order Approval Swimlane — bpmn diagram with 17 nodes and 18 connections.
Customer Order Process — bpmn diagram with 13 nodes and 12 connections.
Swimlane process map of a purchasing workflow across Requester, Manager, Procurement, Finance, and Supplier. It traces request creation and approval, supplier checks and quotes, budget review, purchase order issuance, delivery, document matching, and payment.
BPMN diagram of an order fulfillment subprocess across Sales and Fulfillment lanes, from order validation and payment check to picking, packing, shipping, confirmation, and returns handling.
BPMN onboarding workflow showing a parallel gateway after offer acceptance that starts HR, IT, and Facilities tasks at the same time, then rejoins before the welcome email and onboarding completion.
State diagram of a Moore machine with states Start, S0, S1, S2, S3, and End, showing seven directed transitions. It illustrates a finite-state sequence where outputs are associated with states rather than transitions.
State diagram of a Mealy machine with states Start, S0, S1, S2, and End, showing six transitions between the states. It illustrates how the machine moves through named states in response to inputs.
Finite state machine diagram showing a system moving from Start into Locked or Unlocked states, with transitions to Out of Service and End. It illustrates the possible state changes and terminal outcomes in a simple state-based workflow.
State diagram of a process lifecycle, showing transitions from start and new through ready, running, waiting, suspended states, and termination. It highlights how a process moves between execution, blocking, suspension, and exit.
Class diagram showing relationships among Vehicle, Car, and Truck, with an interface for Drivable. It also connects Engine, Garage, Driver, and MaintenanceService to illustrate ownership, usage, and service associations.
Class diagram for an online bookstore domain showing customers, accounts, shopping carts, orders, books, authors, publishers, payments, and reviews, with cart and order line items linking products to purchases.
ER diagram showing a weak entity model where DEPENDENT depends on EMPLOYEE for identification, alongside separate BUILDING and ROOM entities and an ORDER with ORDER_LINE relationship.
ER diagram showing many-to-many relationships resolved with junction tables: STUDENT and COURSE through ENROLLMENT, COURSE and INSTRUCTOR through COURSE_INSTRUCTOR, and CLUB memberships through CLUB_MEMBERSHIP.
Entity-relationship diagram showing one-to-many links between authors and posts, categories and posts, and posts and comments. It models a simple publishing database with four entities: AUTHOR, CATEGORY, POST, and COMMENT.
Entity-relationship diagram for a search engine data model, showing websites and webpages, crawl jobs, keywords, index entries, links, users, search queries, and clicks. It maps how crawling, indexing, and user search activity connect.
Sequence diagram of a REST API request flowing from a client app through an API gateway and auth service to order and inventory services, with database access and message queue publishing shown as backend steps.
Sequence diagram of a user login flow between the login page, auth server, user database, and session store. It outlines how credentials are submitted, verified, and turned into an authenticated session.
Flowchart of the U.S. federal budget process, from agency funding requests and OMB review to congressional budget resolution, the 12 appropriations bills, conference committee, and presidential approval. It also shows deeming resolutions, continuing resolutions, veto overrides…
Flowchart for deciding whether to build or buy a new capability. It walks through differentiator status, engineering capacity, vendor maturity, 3-year total cost of ownership, and security or compliance before ending in build, buy, or interim options.