Diagrams, Diagram Examples

Diagram examples, diagram ideas, various diagram snippets.

UML

Examples of UML diagrams - class diagrams, use case diagrams, activity diagrams, state machine diagrams and other.

DFD

Examples of data flow diagrams (DFD). You can also download each DFD example in a SIMP file format and edit it in Software Ideas Modeler.

BPMN

This section offers examples of BPMN diagrams. Each BPMN diagram depicts a business process. You can download the BPMN diagrams and edit them in Software Ideas Modeler.

Burger Restaurant (BPMN Diagram)

A BPMN diagram of a burger restaurant process. It depicts how the restaurant handles a customer's order.

Vending Machine (UML Sequence Diagram)

A UML sequence diagram example that shows the process of buying a drink by a customer and making it by a vending machine.

Insertion Sort (Flowchart)

Insertion sort algorithm depicted in a flowchart and pseudocode.

Selection Sort (Flowchart)

A flowchart for selection sort algorithm.

Bubble Sort (Flowchart)

The flowchart depicts the algorithm for the bubble sort.

Food Ordering System (ER Diagram)

An entity-relationship diagram that depicts the entities of food ordering system.

Doctor and Patient (Chen ER Diagram)

Doctor and patient relationship depicted on an entity-relation diagram by Chen notation.

Admin and User (Chen ER Diagram)

An entity-relationship diagram (Chen notation) for admin and user. It depicts the entities and their attributes.

Voting System (ER Diagram)

An entity-relationship diagram for a voting system. It manages multiple votings and voter groups. Multiple voting options are supported for each voting.

Taxi Booking System (UML Sequence Diagram)

An example of a UML sequence diagram for a taxi booking system. It shows interactions between customers, taxi drivers, apps, and the taxi system server.

Event Management System (ER Diagram)

An entity-relationship diagram for an event management system. The system allows its users to organize events, invite guests, and post information about the events.

Billing System (UML Component Diagram)

Modules of a billing system depicted on a UML component diagram. The example diagram shows the high-level architecture of the billing system.

Air Conditioner (UML State Machine Diagram)

An example of a UML state machine diagram that describes states of an air conditioner and the transitions between them.

Report Generation System (UML Sequence Diagram)

This example of a UML sequence diagram shows the behavior of a report generation system.

Application Architecture Diagram (UML Component Diagram)

Three-tier application architecture is depicted on a UML component diagram.

Factorial of a Number (Flowchart)

A flowchart example depicts an algorithm for factorial of a number. The program takes an input of number N from a user and calculates the factorial of it.

E-shop - Online Shopping (UML Communication Diagram)

An example of a UML communication diagram for online shopping in an e-shop. It shows the interactions between the e-shop modules in the form of numbered messages that they exchange with each other.

Chatbot (UML Component Diagram)

A UML component diagram for a chatbot. The example shows a messenger chatbot architecture using components, nested components, and provided and required interfaces.

E-commerce Microservices (UML Deployment Diagram)

A deployment diagram for e-commerce microservices. The example shows nodes within e-commerce system architecture, the deployed components, and the REST API interfaces.

Movie Ticket Booking System (ER Diagram)

An ER diagram for a multiplex cinema booking system. The data model allows a customer to reserve a seat for a scheduled movie.

Making a Cup of Tea (Flowchart)

How to make a cup of tea? This flowchart shows you the particular steps of tea preparation.

Feedback System (UML Sequence Diagram)

This examples shows a UML sequence diagram for a user feedback system.

Shopping Cart (UML Sequence Diagram)

An example of a UML sequence diagram for shopping cart processing. It shows the user manipulation with a shopping cart in an e-shop.

Employee Management System (ER diagram)

An ERD example for an employee management system. The diagram may be used as an extensible template or base for your employee management system designs.

Sum of N Numbers (Flowchart)

An example of a flowchart that shows an algorithm of summing N numbers that were entered by a user. The example shows the usage of various types of flowchart symbols.

Elevator System (UML State Machine Diagram)

An example of a UML state machine diagram for an elevator. The statechart shows various states of an elevator and the transitions between them.

User Registration (UML Sequence Diagram)

A UML sequence diagram for the user registration process. This example depicts how a user interacts with a sign-up form.

Login Module (UML Sequence Diagram)

A UML sequence diagram example for a login module. It shows how a user login is handled by an authentication system.

Switch Cases Template (Flowchart)

A flowchart template that depicts a switch statement with 3 cases and an else case. Each case leads to a separate process.

Library Management System (UML Class Diagram)

The example describes a library management system domain model using a UML class diagram.

Email Client - Mark All as Read (UML Activity Diagram)

A UML activity diagram example that depicts a for-each loop using an expansion region element. The example shows the algorithm of marking all email messages as read.

Flowchart Example with Input/Output

A flowchart template that depicts a process with an input and three outputs.

Flowchart Example - Yes/No

A flowchart template that shows a simple process with a yes/no decision.

Haematopoiesis - Immune System (UML Class Diagram)

An example of generalizations in UML class diagram. The class diagram shows haematopoiesis of the human immune system. The diagram shows an example of UML inheritance.

Nervous System (UML Class Diagram)

Example of class composition in UML class diagram. The class diagram shows the human nervous system.

ATM Withdrawal - UML Sequence Diagram for Withdrawing Money from ATM

An example of the sequence diagram for withdrawing money from ATM using 3 lifelines.

Car States (UML State Machine Diagram)

An example of a UML state machine diagram for a car. It depicts the states for an engine off and on. The states as park, neutral, drive and reverse are part of the composite state engine on.

Life Insurance System (UML Diagrams)

The UML diagrams describe a life insurance system. The life insurance system registers clients and supports insurance processes. The actors and their interactions with the system are modeled using a use case diagram. The project describes these insurance processes using UML activity diagrams - new client registration for insurance, insurance claim, and insurance premium collection.

Real Estate Portal (ER Diagrams)

These ERD examples show a data model of a real estate portal. It depicts an entity for property offers and related entities. The database model also includes the customer part - a customer can create property wishlists and notifications for desired properties.

Spaceflight Phases State Machine Diagram (UML Example)

A UML state machine diagram that depicts the particular phases of a spaceflight.

Various Window Layouts (Wireframe)

Wireframe examples for various window layouts. The project file contains wireframes of a window with a ribbon, with a menu, with a toolbar, with a toolbox, with a search box and result grid, and a window with a search box, results and details.

Online Restaurant Delivery - Ordering Process (Flowchart)

The flowchart describes the process of menu ordering from an online restaurant delivery portal. The process includes entering the customer location, the restaurant choice, and the payment using a card.

Invoicing - Invoice Database Model Using ERD

This ERD example shows model of an invoicing module. Each invoice has an issuer, a buyer and a list of product items.

Dynamic Form Model (ERD Example)

This ER diagram example shows the data model of dynamic forms. If a form format is not strictly defined we need a dynamic structure that allows us to store various forms with a variable number of grouped fields. The fields may be of different types.

Product Page Wireframe

A wireframe for product page. It may be used as a template for the page with software product or services offer. This template contains 3 products. The product in the middle is emphasized.

Website Wireframe Examples

An example project with various website wireframes.

Grocery E-shop - Online Ordering System (Example Project, Diagrams)

A grocery e-shop is modeled using UML diagrams. The requirements are shown as UML use cases. It describes modules and entities. The user interface is depicted on a Web Page wireframe diagram.

Observer Design Pattern (UML Diagrams)

Observer pattern describes the way how to notify multiple dependant entities about state change. The object in the Subject role contains a list of Observer objects, which are notified if any state change in the Subject occurs.

Mediator Design Pattern (UML Diagrams)

The Mediator is a behavioral design pattern. It describes interactions between objects. The use of a mediator solves the problem of the complexity of communication. The objects communicate through the mediator object instead of each other.

Iterator Design Pattern (UML Diagrams)

The Iteration design pattern describes how to iterate a collection so that the iteration algorithm is decoupled from the collection class.

Setting Manager (Diagrams)

Setting Manager provides access to settings - it allows the user to read and write settings of various types. It organizes the setting in hierarchical groups.

Command Stack (Diagram)

The executed commands may be stored in a stack to provide undo and redo functionality. These diagrams show the structure and behavior of a command stack.

Algorithm - Flowchart in Programming

You can turn the steps of an algorithm to a flow of nodes in a flowchart. It is possible to translate a program instructions and commands to an algorithm flowchart.

Logger (Model of Extensible Logging Module)

Proper logs are essential for long-term system administration. A good logging module should be extensible, configurable and easy to use. This example model may be a good starting point for your solution. It allows you to dynamically change the outputs for the logs and log to multiple targets at once.

Command Design Pattern (UML Diagrams)

The Command design pattern allows you to encapsulate an action into an object and call it later. The command is called by an invoker. The command object includes parameters needed for calling the associated action accessed from a receiver.

DMS - Document Management System (Project, Diagrams)

This example project shows the design of a document management system (DMS) including its use cases and object structure.

Chain of Responsibility Design Pattern (UML Diagrams)

Chain of responsibility is a design pattern that suggests how to handle a request using a series of processing objects where each processing object contains a logic to decide whether it processes the request itself or it passes it to another processing object.

Proxy Design Pattern (UML Diagrams)

A proxy works as an interface, a wrapper or a substitute to another object that adds additional behavior before and/or after requests which are forwarded to the target object (e.g. a proxy may provide caching, logging).

Composite Design Pattern (UML Class Diagram)

Composite pattern is a structural pattern that organizes objects into trees. The intention of this pattern is to treat all the parts (groups, leaves) of the hierarchy in the same way.

Chat Portal (Project, Diagrams)

This example project describes the design of a chat portal expressed by UML diagrams and a wireframe (User Interface Diagram).

Bridge Design Pattern (UML Class Diagram)

Bridge is a design pattern which allows you to separate an abstraction from its implementation. It leads to a less complex code with separate class hierarchies. The abstraction actions are delegated to an Implementation object.

Builder Design Pattern (UML Class Diagram)

Builder pattern simplifies the creation of complex objects and unifies the creation process for different types of objects. The products created by a concrete builder may be subclasses of different product classes.

ATM Workflow (Flowchart)

The process of cash withdrawal using an ATM depicted in a flowchart.

ATM (Data Flow Diagrams)

ATM processes in data flow diagrams. A comparison of two notations: Gane & Sarson and Yourdon & Coad.

Decorator Design Pattern (UML Diagrams)

The decorator pattern is a design pattern that allows behavior to be added to an object, dynamically, without affecting the behavior of other objects from the same class.

Stack and Queue Data Structures (Diagrams)

Stack and queue data structures depicted in UML and schematic diagrams.

Linked Lists (UML Class Diagrams)

Linked list and doubly linked list data structures depicted in UML diagrams.

Adapter Design Pattern (UML Class Diagram)

If you want to make existing code work with another existing code without modifying any of the existing interfaces you can use Adapter design pattern.

Users (Entity-Relationship Diagram)

Model of user module including rights, roles and user access logging.

Restaurant Orders (UML Class Diagram)

A diagram of classes in Restaurant Order System. An example of UML Class diagram.

Restaurant Orders (UML Use Case Diagram)

A diagram with use cases for Restaurant Order System. An example of UML Use Case diagram.

BPMN Overview (BPMN Diagram)

Overview of BPMN tasks, events and gateways.

Model–View–Viewmodel (Layer Diagram)

MVVM is a software architectural pattern that separates the development of GUI (e.g. through markup language, XAML) from the development of the business (back-end) logic.

Book Reading Lifecycle (UML State Machine Diagram)

A lifecycle of reading a book depicted in a statechart.

Flowchart Overview (Flowchart)

Flowcharts offers easy and clear way of depicting algorithms, workflows, processes. This diagram provides an overview of all flowchart elements.

C# Naming Conventions (Flowchart)

How to name your class, method, property, or field? It is good to follow the naming conventions. This flowchart shows whether to use pascal case or camel case in your C# code.

User Interface Diagram Overview (User Interface Diagram)

Overview of user interface diagram elements. An example of wireframe.

Computer Network Diagram Overview (Computer Network Diagram)

A computer network diagram shows the nodes and connections among nodes in a computer network (or any telecommunications network) in a schematic way. This diagram shows an overview of all diagram elements.

Computer (UML Composite Structure Diagram)

Processor, memory, motherboard, hard disk, power supply unit - the structure of computer hardware described in UML composite structure diagram.

Program Without Bugs (Flowchart)

How to create a program without bugs. Look at this flowchart.

Hotel Room Booking System Use Cases (UML Use Case Diagram)

Example of use case diagram. A part of Hotel Room Booking System series.

Entity Relationship Diagram Overview (Entity Relationship Diagram, Chen Notation)

An overview of all elements of E-R diagram (Chen Notation).

Agile Development (Flowchart)

This approach supports quick response to changes and encourages flexibility.

Waterfall Development (Flowchart)

Waterfall model is a linear sequential way of software development.

UML Class Diagram Overview (UML Class Diagram)

Example of UML class diagram with various element types.

Hotel Room Booking System (Entity-Relationship Diagram)

Example of entity-relationship diagram for a hotel room booking system.

How to Draw a Diagram (Flowchart)

How to create a perfect diagram? It seems easy... or not?