Sequential Diagram Online

In this video, you’re going to learn1. What is Sequence Diagram?2. What are the different parts of Sequence Diagram? How to draw Sequence Diagram We will.

  1. Draw Sequential Diagram Online
  2. Sequential Diagram Examples

Sequence diagram is one of the best ways to identify the requirements and processes of a system. This is an interaction diagram that illustrates how objects in a system communicate with each other. Each object passes on some messages to another in a sequential time or order of steps in a process. What’s more, it gives developers an overview of the external actors including their order and the events they generate. Here in this post, we provided sequence diagram notations, sequence diagram examples, and a detailed instructional guide.

Sequential order chartOnline sequence diagram tool

System Sequence Diagram Examples and Tutorial

  • Within GenMyModel, you can create your sequence diagram online, share and export images. Everything is handled in your web-browser with an intuitive user interface. The sequence diagrams conform the UML2 standard. You get both a visual representation, called the diagram, and the internal structure of your model in a tree-based representation.
  • No matter you want to create a sequence diagram or other UML diagrams, our online UML tool just works perfectly. You can start creating your UML sequence diagrams from scratch, or by using a UML template of your choice. The templates are listed below.

Sequence Diagram Notations

A sequence diagram is composed of elements and icons which you need to be familiar with in order to create one. There are basic symbols, components, and types of message arrows that may occur in a UML sequence diagram example.

Actor – An external entity that interact with the system.

Object – Refers to the symbol in a system that describes how a class role will behave.

Activation Bar – A rectangle shape placed on a lifeline that indicates the time or duration an object needs to finish a task.

Lifeline – Is a vertical dashed line that represents the presence of an object over time.

Option loop – Rectangle symbol that represents a repetitive sequence in a system sequence diagram example. It executes a task when a certain condition is met.

Synchronous – Represents a message where the sender waits for the response of the receiver before the message continues. This illustrates a line with a solid arrowhead.

Asynchronous – A type of message that does not need a response from the receiver before the message gets back and carries another message. This is usually drawn with a solid line and an open arrowhead.

Return Message – It represents a symbol of a dashed line with an open arrowhead in response to the calls from the original lifeline.


Create Message – Used to create an object in a sequence diagram example that is usually drawn using a dashed line and an open arrowhead pointing to the object created.

5 Editable Sequence Diagram Examples

  • Sequence diagram example for Online Shopping
Edit this diagram

A sequence diagram is used in various fields that involve processes just like in online shopping. In this UML sequence diagram example, you will see the flow of ordering items online from browsing items to the confirmation of the order via email as shown in the illustration.

  • Sequence diagram example for Library Management System
Edit this diagram

Draw Sequential Diagram Online

There is a volume of students renting books from the library. To regulate this, it’s essential for students to have online access to the record of available books. This system sequence diagram example is just made for this purpose. Also, the system will also inform the student if they exceeded the allotted time for renting a book and a penalty will apply accordingly.

  • Sequence diagram example for ATM
Edit this diagram

An automated teller machine lets you access your bank account. With it, you can check your balance, enter the amount to withdraw, and many more. The sequence diagram example of an ATM below shows the processes in sequential order. From the interface access, ATM control, transaction unit, and printer.

  • Sequence diagram example for Software Engineering
Edit this diagram

This diagram outlines the authentication process on Facebook. It gives the developer a view of the steps starting from accessing the web brow, requests to access the application, and authorization server. At the bottom of the UML sequence diagram example is an option loop that contains other special conditions.

  • Sequence diagram example for Hospital Management System
Edit this diagram

Through the help of a hospital management system, the establishment will be able to manage the volume of information. Moreover, doctors or nurses will be able to track the status, and health history of patients. That is illustrated in the system sequence diagram example below.

How to Make Sequence Diagram Online?

Creating a sequence diagram from scratch is fast and easy with GitMind. This tool is complete with the shapes and icons for building this diagram. Plus, you can access the tool from any of your favorite browser free of charge. On top of that, all elements are customizable allowing users to add shapes, text, modify fonts, color and so much more. Learn how to create your own sequence diagram example by following the steps below.

  • Access GitMind from your browser and click the “New Flowchart” button from the templates gallery.

Sequential Diagram Examples

  • Click the “More Shapes” button at the lower-left corner to open the shapes library manager. Put a checkmark on the UML shapes folders and click “OK” to add them to the editor.
  • Click on the symbols you need and they will be automatically be added to the canvas. Arrange these shapes and add text to model a system sequence diagram example. Finally, export the map to an image or PDF file.


Using a sequence diagram, you will be able to easily understand the workflow and meet all the requirements of a system. Moreover, you will not have a difficult time familiarizing yourself with its components allowing you to create your own sequence diagram example in no time.

Related posts:

Step 3: Add Messages & Repeat

  1. Go to Messages Tab
  2. Click + New Message Button
  3. Once Add New Message Popup opened, Enter Message Display Label, From Participant and To Participant in the Forward Message Details Section
  4. If Need, Click the Add Return Message Checkbox, then Return Message Details Section Appears
  5. In the Return Message Details Section, Enter the Message Display Label as the From and ToParticipants will be Reverse of the Forward Message
  6. In Both Forward and Return Message Sections, Select the Appropriate Message Type for Each
  7. Below are the Message Types available in UMLTree application
    • Synchronous
    • Asynchronous
  8. If All the Messages between Forward and Return Messages need to be Grouped Together, Add the Group Display Label in the Forward Message Section
  9. Once All the Required Details are Entered, Click Confirm Add Message Button
  10. All the New Messages will be Added to the Sequence Diagram and will be Displayed in the Table in the Messages Tab
  11. Perform Edit, Remove and Re-Order Actions on any Message in the Table Using Respective Buttons
  12. Repeat the Above Steps to Add More Messages, if Need