Diagrams, Diagram Examples
Diagram examples, diagram ideas, various diagram snippets.
Examples of UML diagrams - class diagrams, use case diagrams, activity diagrams, state machine diagrams and other.
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.
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.
A BPMN diagram of a burger restaurant process. It depicts how the restaurant handles a customer's order.
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 algorithm depicted in a flowchart and pseudocode.
A flowchart for selection sort algorithm.
The flowchart depicts the algorithm for the bubble sort.
An entity-relationship diagram that depicts the entities of food ordering system.
Doctor and patient relationship depicted on an entity-relation diagram by Chen notation.
An entity-relationship diagram (Chen notation) for admin and user. It depicts the entities and their attributes.
An entity-relationship diagram for a voting system. It manages multiple votings and voter groups. Multiple voting options are supported for each voting.
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.
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.
Modules of a billing system depicted on a UML component diagram. The example diagram shows the high-level architecture of the billing system.
An example of a UML state machine diagram that describes states of an air conditioner and the transitions between them.
This example of a UML sequence diagram shows the behavior of a report generation system.
Three-tier application architecture is depicted on a UML component diagram.
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.
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.
A UML component diagram for a chatbot. The example shows a messenger chatbot architecture using components, nested components, and provided and required interfaces.
A deployment diagram for e-commerce microservices. The example shows nodes within e-commerce system architecture, the deployed components, and the REST API interfaces.
An ER diagram for a multiplex cinema booking system. The data model allows a customer to reserve a seat for a scheduled movie.
How to make a cup of tea? This flowchart shows you the particular steps of tea preparation.
This examples shows a UML sequence diagram for a user feedback system.
An example of a UML sequence diagram for shopping cart processing. It shows the user manipulation with a shopping cart in an e-shop.
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.
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.
An example of a UML state machine diagram for an elevator. The statechart shows various states of an elevator and the transitions between them.
A UML sequence diagram for the user registration process. This example depicts how a user interacts with a sign-up form.
A UML sequence diagram example for a login module. It shows how a user login is handled by an authentication system.
A flowchart template that depicts a switch statement with 3 cases and an else case. Each case leads to a separate process.
The example describes a library management system domain model using a UML class 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.
A flowchart template that depicts a process with an input and three outputs.
A flowchart template that shows a simple process with a yes/no decision.
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.
Example of class composition in UML class diagram. The class diagram shows the human nervous system.
An example of the sequence diagram for withdrawing money from ATM using 3 lifelines.
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.
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.
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.
A UML state machine diagram that depicts the particular phases of a spaceflight.
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.
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.
This ERD example shows model of an invoicing module. Each invoice has an issuer, a buyer and a list of product items.
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.
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.
An example project with various website wireframes.
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 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.
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.
The Iteration design pattern describes how to iterate a collection so that the iteration algorithm is decoupled from the collection class.
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.
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.
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.
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.
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.
This example project shows the design of a document management system (DMS) including its use cases and object structure.
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.
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 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.
This example project describes the design of a chat portal expressed by UML diagrams and a wireframe (User Interface 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 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.
The process of cash withdrawal using an ATM depicted in a flowchart.
ATM processes in data flow diagrams. A comparison of two notations: Gane & Sarson and Yourdon & Coad.
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 depicted in UML and schematic diagrams.
Linked list and doubly linked list data structures depicted in UML diagrams.
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.
Model of user module including rights, roles and user access logging.
A diagram of classes in Restaurant Order System. An example of UML Class diagram.
A diagram with use cases for Restaurant Order System. An example of UML Use Case diagram.
Overview of BPMN tasks, events and gateways.
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.
A lifecycle of reading a book depicted in a statechart.
Flowcharts offers easy and clear way of depicting algorithms, workflows, processes. This diagram provides an overview of all flowchart elements.
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.
Overview of user interface diagram elements. An example of wireframe.
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.
Processor, memory, motherboard, hard disk, power supply unit - the structure of computer hardware described in UML composite structure diagram.
How to create a program without bugs. Look at this flowchart.
Example of use case diagram. A part of Hotel Room Booking System series.
An overview of all elements of E-R diagram (Chen Notation).
This approach supports quick response to changes and encourages flexibility.
Waterfall model is a linear sequential way of software development.
Example of UML class diagram with various element types.
Example of entity-relationship diagram for a hotel room booking system.
How to create a perfect diagram? It seems easy... or not?