{"id":8191,"date":"2012-02-02T05:26:15","date_gmt":"2012-02-01T18:26:15","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=8191"},"modified":"2017-10-11T17:49:18","modified_gmt":"2017-10-11T06:49:18","slug":"uml-diagram-types-examples","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/diagrams\/uml-diagram-types-examples\/","title":{"rendered":"The Complete Guide to UML Diagram Types with Examples"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>UML stands for <strong>U<\/strong>nified <strong>M<\/strong>odeling <strong>L<\/strong>anguage. It&#8217;s a rich language to model software solutions, application structures, system behavior\u00a0and business processes. There are <strong>14 UML diagram types<\/strong> to help you model these behaviors.<\/p>\n<p>You can <a title=\"Draw UML Diagrams Online\" href=\"https:\/\/stage.creately.com\/Draw-UML-and-Class-Diagrams-Online?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">draw UML diagrams online<\/a> using our software, or check out some UML diagram examples at our diagramming community.<\/p>\n<h3>List of UML Diagram Types<\/h3>\n<p>So what are the different UML diagram types? There are two main categories; <strong>structure diagrams<\/strong> and <strong>behavioral diagrams<\/strong>. Click on the links to learn more about a specific diagram type.<\/p>\n<ul>\n<li>Structure Diagrams\n<ul>\n<li><a href=\"#ClassDiagram\">Class Diagram<\/a><\/li>\n<li><a href=\"#ComponentDiagram\">Component Diagram<\/a><\/li>\n<li><a href=\"#DeploymentDiagram\">Deployment Diagram<\/a><\/li>\n<li><a href=\"#ObjectDiagram\">Object Diagram<\/a><\/li>\n<li><a href=\"#PackageDiagram\">Package Diagram<\/a><\/li>\n<li><a href=\"#ProfileDiagram\">Profile Diagram<\/a><\/li>\n<li><a href=\"#CompStrDiagram\">Composite Structure Diagram<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Behavioral Diagrams\n<ul>\n<li><a href=\"#UseCaseDiagram\">Use Case Diagram<\/a><\/li>\n<li><a href=\"#ActivityDiagram\">Activity Diagram<\/a><\/li>\n<li><a href=\"#StateMachDiagram\">State Machine Diagram<\/a><\/li>\n<li><a href=\"#SequenceDiagram\">Sequence Diagram<\/a><\/li>\n<li><a href=\"#CommDiagram\">Communication Diagram<\/a><\/li>\n<li><a href=\"#IntOverDiagram\">Interaction Overview Diagram<\/a><\/li>\n<li><a href=\"#TimingDiagram\">Timing Diagram<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div><\/div>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14651 size-large\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/UML-Diagram-types-1-1024x658.png\" alt=\"All 14 UMl diagram types categorized into behavioral and structural UML\" width=\"800\" height=\"514\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/UML-Diagram-types-1-1024x658.png 1024w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/UML-Diagram-types-1-300x193.png 300w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/UML-Diagram-types-1.png 1541w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/div>\n<p><strong>Structure diagrams<\/strong> show the things in the modeled system. In a more technical term, they show different objects in a system. <strong>Behavioral diagrams<\/strong> show what should happen in a system. They describe how the objects interact with each other to create a functioning system.<\/p>\n<h3><a name=\"ClassDiagram\"><\/a>Class Diagram<\/h3>\n<div>Class diagrams are the main building block of any object oriented solution. It shows the classes in a system, attributes, and operations of each class and the relationship between each class.<\/div>\n<div><\/div>\n<div>In most modeling tools, a class has three parts. Name at the top, attributes in the middle and operations or methods at the bottom. In a large system\u00a0with many related classes, classes are grouped together to create class diagrams. Different relationships between classes\u00a0are shown by different types of arrows.<\/div>\n<div><\/div>\n<div>Below is an image of a class diagram. Follow the link below for more class diagram examples\u00a0or get started instantly with our <a title=\"Class Diagram Templates to Instantly Create Class Diagrams\" href=\"https:\/\/stage.creately.com\/diagram-type\/templates\/class-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">class diagram templates<\/a>.<\/div>\n<div><\/div>\n<div id=\"attachment_14652\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsxncbybu&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14652\" class=\"wp-image-14652 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Class-diagram.jpg\" alt=\"Class diagram, the most popular UML diagram type\" width=\"770\" height=\"501\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Class-diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Class-diagram-300x195.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14652\" class=\"wp-caption-text\">Click on the image to edit the above class diagram (opens in new window)<\/p><\/div>\n<div><\/div>\n<div style=\"text-align: center;\"><\/div>\n<h3 style=\"text-align: center;\"><strong><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/class-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More UML Class Diagram Examples &gt;&gt;<\/a> <\/strong><\/h3>\n<h3><a name=\"ComponentDiagram\"><\/a>Component Diagram<\/h3>\n<p>A component diagram displays the\u00a0structural\u00a0relationship of components of a software system. These are mostly used when working with complex systems with many components. Components communicate with each other using <a title=\"Interface in Object Oriented Programming\" href=\"http:\/\/en.wikipedia.org\/wiki\/Interface_(object-oriented_programming)\">interfaces<\/a>. The interfaces are linked using connectors. The image below shows a component diagram.<\/p>\n<div id=\"attachment_14653\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gqz0nrua1&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14653\" class=\"wp-image-14653 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Component-Diagram.jpg\" alt=\"Component diagram template with explanation\" width=\"770\" height=\"496\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Component-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Component-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14653\" class=\"wp-caption-text\">You can use this component diagram template by clicking on the image<\/p><\/div>\n<h3 style=\"text-align: center;\"><strong><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/component-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More Component Diagram Templates &gt;&gt;<\/a><\/strong><\/h3>\n<h3><a name=\"DeploymentDiagram\"><\/a>Deployment Diagram<\/h3>\n<p>A deployment diagram shows the hardware of your system and the software in that hardware. Deployment diagrams are useful when your software solution is deployed across multiple machines with each having a unique configuration. Below is an example deployment diagram.<\/p>\n<div id=\"attachment_14654\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsx1cnemh&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14654\" class=\"wp-image-14654 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Deployment-Diagram.jpg\" alt=\"Deployment diagram template\" width=\"770\" height=\"495\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Deployment-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Deployment-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14654\" class=\"wp-caption-text\">Click on the image to use this deployment diagram as a template<\/p><\/div>\n<h3 style=\"text-align: center;\"><strong><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/deployment-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More Deployment Diagram Templates &gt;&gt;<\/a><\/strong><\/h3>\n<h3><a name=\"ObjectDiagram\"><\/a>Object Diagram<\/h3>\n<p>Object Diagrams, sometimes referred to as Instance diagrams are very similar to class diagrams. Like class diagrams, they also show the relationship between objects but they use real world examples.<\/p>\n<p>They show how a system will look like at a given time. Because there is data available in the objects, they are used to explain complex relationships between objects.<\/p>\n<div id=\"attachment_14655\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsxghfo2f&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14655\" class=\"wp-image-14655 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Object-Diagram.jpg\" alt=\"Object diagram template\" width=\"770\" height=\"409\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Object-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Object-Diagram-300x159.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14655\" class=\"wp-caption-text\">Click on the image to use the object diagram as a template<\/p><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/stage.creately.com\/diagram-community\/popular\/t\/object-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More Object Diagram Templates &gt;&gt;<\/a><\/h3>\n<h3><a name=\"PackageDiagram\"><\/a>Package Diagram<\/h3>\n<p>As the name suggests, a package diagram shows the dependencies between different packages in a system. Check out <a title=\"Package diagrams wiki\" href=\"http:\/\/en.wikipedia.org\/wiki\/Package_diagram\">this wiki article<\/a> to learn more about the dependencies and elements found in package diagrams.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j5xitrro1&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14657 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Package-Diagram.jpg\" alt=\"UML package diagram example\" width=\"770\" height=\"496\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Package-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Package-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><\/p>\n<h3><a name=\"ProfileDiagram\"><\/a>Profile Diagram<\/h3>\n<p>Profile diagram is a new diagram type introduced in UML 2. This is a diagram type that is very rarely used in any specification. For more detailed technical information about this diagram type,\u00a0<a title=\"Profile Diagrams in UML\" href=\"http:\/\/www.uml-diagrams.org\/profile-diagrams.html\">check this link<\/a>.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j6dbkbqz2&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14658 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Profile-Diagram.jpg\" alt=\"UML Profile diagram\" width=\"770\" height=\"496\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Profile-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Profile-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><\/p>\n<h3><a name=\"CompStrDiagram\"><\/a>Composite Structure Diagram<\/h3>\n<p>Composite structure diagrams are used to show the internal structure of a class. For a detailed explanation of <a title=\"Composite Structure Diagrams\" href=\"http:\/\/www.uml-diagrams.org\/composite-structure-diagrams.html\">composite structure diagrams, click here<\/a>.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j5xitrro2&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14659 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Composite-Structure-Diagram.jpg\" alt=\"UML composite structure diagram drawn using Creately\" width=\"770\" height=\"496\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Composite-Structure-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Composite-Structure-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><\/p>\n<h3><a name=\"UseCaseDiagram\"><\/a>Use Case Diagram<\/h3>\n<p>As the most known diagram type of the behavioral UML diagrams, Use case diagrams give a graphic overview of the actors involved in a system, different functions needed by those actors and how these different functions interact.<\/p>\n<p>It&#8217;s a great starting point for any project discussion because you can easily identify the main actors involved and the main processes of the system. You can <a href=\"https:\/\/stage.creately.com\/diagram-type\/use-case?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">create use case diagrams<\/a> using our tool and\/or get started instantly using our use case templates.<\/p>\n<div id=\"attachment_14662\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsxncbyb2&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14662\" class=\"wp-image-14662 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Use-Case-Diagram.jpg\" alt=\"Use case diagram drawing using Creately\" width=\"770\" height=\"594\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Use-Case-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Use-Case-Diagram-300x231.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14662\" class=\"wp-caption-text\">Click on the image to edit this template<\/p><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/use-case?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More Use Case Diagram Examples &gt;&gt;<\/a><\/h3>\n<h3><a name=\"ActivityDiagram\"><\/a>Activity Diagram<\/h3>\n<p>Activity diagrams represent workflows in a graphical way. They can be used to describe the business workflow or the operational workflow of any component in a system. Sometimes activity diagrams are used as an alternative to State machine diagrams. <a title=\"Activity Diagrams\" href=\"http:\/\/en.wikipedia.org\/wiki\/Activity_diagram\">Check out this wiki article<\/a> to learn about symbols and usage of activity diagrams.<\/p>\n<h3><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsxhmadt1&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14663 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Activity-Diagram.jpg\" alt=\"Activity diagram drawn using Creately\" width=\"770\" height=\"370\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Activity-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Activity-Diagram-300x144.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><\/h3>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/activity-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More Activity Diagram Templates &gt;&gt;<\/a><\/h3>\n<h3><a name=\"StateMachDiagram\"><\/a>State Machine Diagram<\/h3>\n<p>State machine diagrams are similar to activity diagrams, although notations and usage change a bit. They are sometimes known as state diagrams or state chart diagrams as well. These are very useful to describe the behavior of objects that act differently according to the state they are in at the moment. The State machine diagram below shows the basic states and actions.<\/p>\n<div id=\"attachment_14664\" style=\"width: 781px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsxghfo2g&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14664\" class=\"wp-image-14664 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/State-Machine-Diagram.jpg\" alt=\"State machine diagram\" width=\"771\" height=\"581\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/State-Machine-Diagram.jpg 771w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/State-Machine-Diagram-300x226.jpg 300w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/a><p id=\"caption-attachment-14664\" class=\"wp-caption-text\">State Machine diagram in UML, sometimes referred to as State or State chart diagram<\/p><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/state-chart?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">Get More State Chart Diagram Examples &gt;&gt;<\/a><\/h3>\n<h3><a name=\"SequenceDiagram\"><\/a>Sequence Diagram<\/h3>\n<p>Sequence diagrams in UML show how objects interact with each other and the order those interactions occur. It&#8217;s important to note that they show the interactions for a particular scenario. The processes are represented vertically and interactions are shown as arrows. This article explains the <a title=\"Sequence diagram basics and its purpose\" href=\"https:\/\/stage.creately.com\/blog\/diagrams\/the-basics-the-purpose-of-sequence-diagrams-part-1\/\">purpose and the basics of Sequence diagrams<\/a>.\u00a0Also, check out this complete <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/sequence-diagram-tutorial\/\">Sequence Diagram Tutorial<\/a> to learn more about sequence diagrams.<\/p>\n<p>You can also instantly start drawing using our <a title=\"Sequence Diagram Templates to Instantly View Object Interactions\" href=\"https:\/\/stage.creately.com\/diagram-community\/examples\/t\/sequence-diagram?utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\">sequence diagram templates<\/a>.<\/p>\n<div id=\"attachment_14665\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=gsx1cnemi&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-14665\" class=\"wp-image-14665 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Sequence-Diagram.jpg\" alt=\"Sequence diagram drawn using Creately\" width=\"770\" height=\"704\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Sequence-Diagram.jpg 770w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Sequence-Diagram-300x274.jpg 300w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/a><p id=\"caption-attachment-14665\" class=\"wp-caption-text\">Sequence diagram drawn using Creately<\/p><\/div>\n<h3><a name=\"CommDiagram\"><\/a>Communication Diagram<\/h3>\n<p>In UML 1 they were called collaboration diagrams. They are similar to sequence diagrams, but the focus is on messages passed between objects. The same information can be represented using a sequence diagram and different objects. <a title=\"Communication diagram and sequence diagrams difference\" href=\"http:\/\/www.sparxsystems.com\/resources\/uml2_tutorial\/uml2_communicationdiagram.html\">Click here to understand the differences using an example<\/a>.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j634oa3j3&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14669 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Communication-Diagram.jpg\" alt=\"Communication diagram drawn using Creately\" width=\"771\" height=\"495\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Communication-Diagram.jpg 771w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Communication-Diagram-300x193.jpg 300w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/a><\/p>\n<h3><a name=\"IntOverDiagram\"><\/a>Interaction Overview Diagram<\/h3>\n<p>Interaction overview diagrams are very similar to activity diagrams. While activity diagrams show a sequence of processes, Interaction overview diagrams show a sequence of interaction diagrams.<\/p>\n<p>They are a collection of interaction diagrams and the order they happen. As mentioned before, there are seven types of interaction diagrams, so any one of them can be a node in an interaction overview diagram.\u00a0( image &#8211; <a href=\"http:\/\/www.sa-depot.com\/?page_id=645\">http:\/\/www.sa-depot.com\/?page_id=645<\/a> )<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j634oa3j4&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14671 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Interaction-Overview-Diagram.jpg\" alt=\"UML interaction overview diagram drawn using Creately\" width=\"771\" height=\"857\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Interaction-Overview-Diagram.jpg 771w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Interaction-Overview-Diagram-270x300.jpg 270w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Interaction-Overview-Diagram-315x350.jpg 315w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/a><\/p>\n<h3><a name=\"TimingDiagram\"><\/a>Timing Diagram<\/h3>\n<p>Timing diagrams are very similar to sequence diagrams. They represent the behavior of objects in a given time frame. If it&#8217;s only one object, the diagram is straight forward. But, if there is more than one object is involved, a Timing diagrams can be used to show interactions between objects during that time frame. ( image &#8211; <a href=\"http:\/\/blog.tangcs.com\/2008\/01\/10\/uml-2-diagrams\/\">http:\/\/blog.tangcs.com\/2008\/01\/10\/uml-2-diagrams\/<\/a>\u00a0)<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/creately-start?tempID=j634oa3j5&amp;utm_source=umltypes&amp;utm_medium=blog&amp;utm_campaign=tutorialposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14672 size-full\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/02\/Timing-Diagram.jpg\" alt=\"UML timing diagram drawn using Creately\" width=\"771\" height=\"832\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Timing-Diagram.jpg 771w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/02\/Timing-Diagram-278x300.jpg 278w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/a><\/p>\n<p>Mentioned above are all the UML diagram types. UML offers many diagram types, and sometimes two diagrams can explain the same thing using different notations.<\/p>\n<p>Check this blog post to learn <a title=\"Which UML diagram should I draw\" href=\"https:\/\/stage.creately.com\/blog\/diagrams\/part-2-what-type-of-uml-diagram-should-you-be-using\/\">which UML diagram best suits you<\/a>. If you have any questions or suggestions, feel free to leave a comment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UML stands for Unified Modeling Language. It&#8217;s a rich language to model software solutions, application structures, system behavior\u00a0and business processes. There are 14 UML diagram types to help you model these behaviors. You can draw UML diagrams online using our&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/uml-diagram-types-examples\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":14660,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[195,194,192,193],"class_list":["post-8191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagrams","tag-uml-2-diagram-types","tag-uml-behavioral-diagrams","tag-uml-diagram-types","tag-uml-interaction-diagrams"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/8191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=8191"}],"version-history":[{"count":70,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/8191\/revisions"}],"predecessor-version":[{"id":14673,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/8191\/revisions\/14673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media\/14660"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=8191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=8191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=8191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}