All Diagram Objects

The terminator is used to show where your flow begins or ends. Ideally, you would use words like 'Start', 'Begin', 'End' inside the terminator object to make things more obvious.

Flowchart Process object is used to illustrate a process, action or an operation. These are represented by rectangles; and the text in the rectangle mostly includes a verb. Examples include 'Edit video', 'Try Again', 'Choose your Plan'.

The Data object, often referred to as the I/O Shape shows the Inputs to and Outputs from a process. This takes the shape of a parallelogram.

Decision object is represented as a Diamond. This object is always used in a process flow to as a question. And, the answer to the question determines the arrows coming out of the Diamond. This shape is quite unique with two arrows coming out of it. One from the bottom point corresponding to Yes or True and one from either the right/left point corresponding to No or False. The arrows should be always labelled to avoid confusion in the process flow.

Document object is a rectangle with a wave-like base. This shape is used to represent a Document or Report in a process flow.

This is a general data storage object used in the process flow as opposed to data which could be also stored on a hard drive, magnetic tape, memory card, of any other storage device.

Direct Data object in a process flow represents information stored which can be accessed directly. This object represents a computer's hard drive.

This is an object which is commonly found in programming flowcharts to illustrate the information stored in memory, as opposed to on a file. This shape is often referred to as the magnetic core memory of early computers; or the random access memory (RAM) as we call it today.

This object takes the shape of a reel of tape. It represents information stored in a sequence, such as data on a magnetic tape.

This object is represented by rectangle with the top sloping up from left to right. The Manual Input object signifies an action where the user is prompted for information that must be manually input into a system.

This shape takes two names - 'Subroutine' or 'Predefined Process'. Its called a subroutine if you use this object in flowcharting a software program. This allows you to write one subroutine and call it as often as you like from anywhere in the code.

The same object is also called a Predefined Process. This means the flowchart for the predefined process has to be already drawn, and you should reference the flowchart for more information.

Table object from Creately's UI Mockup set is a real ease to use! It can be used for anything as simple as a data sheet, to a complex sudoku game and even a word puzzle.

Completely customizable, collapsible Accordion pane is just a few keystrokes away. Get started right away.

Tree View control is a real child's play with Creately. Use it in your UI mock-ups to execute hierarchical data sets, folder views and other similar data structures. This is the most simple Text-driven Smart KObject from the list. Go give it a spin!

Are you looking for a solution to create multiple tab pages in seconds? With Creately's smart KObject improvements you can create as many Tabs as you might inside the Tab Control. Check this for some usage examples of Tab Controls.

Creately's Star Rating object provides an easy rating experience that allows users to select the number of stars that represents their rating. Wanna see some examples? Click here!

Have you designed a mockup, and want to see how it'll appear in a browser? This is simple with Creately's Browser object! Simply drag-n-drop a Browser object and configure the properties to create your browser.

Create stylish Dropdown Menus in just a few minutes! Make a few text edits on the Smart Dropdown Menu object to configure your Dropdown Menu. Then select a suitable Dropdown menu style and attach it to your Menu bar.

Creately's Calendar object re-sizes pretty well to fit into mockup or wireframe. Add the Month, Year and Day to highlight the day. Check out here for some real Calendar object examples!

Designing a Breadcrumb Navigation in Creately is easy and simple as typing in some comma separated text. Then select the arrow styles to display the trail of links; and you're good to go!

In Creately, the Slider object's orientation can be horizontal or vertical. You can use these slider objects to illustrate the equalizer controls, volume controls and more. Take a sneak peek at these examples and you'll know what I mean!

The Page shape is used to represent general page content. This can be ideally used in sitemaps and website structures to indicate any type of page (Homepage, About Us, Contact, Products, etc).

The Future page is used to show any page which is expected to be designed in the future. These pages are represented by dotted lines.

Page Cluster shape is used to represent a number of pages of the same kind. This shape can be used to illustrate content pages or article pages of the same kind.

Security Indicators can be used on pages to indicate secure login. When people try to visit any page on your site, there might be pages that might require login if they are not already logged in. Thus, this Security Indicator icon can be used on pages that require login.

Rich media shape/icon can be used on any Web page that has elements which use advanced technology such as streaming video, downloaded programs that interact instantly with the user, and dynamic ads that change when the user mouse hover.

External Link Icon can be used on any page in the sitemap structure to indicate links to external web sites. For example - you can add the external link icon on your Home page, so in the sitemap structure you will know at once that the homepage contains a link to an external web site.

A dynamic page icon can be used on any page that has to be prepared with new content or layout for each individual viewing. These pages change dynamically with the time (news content), the user (preferences in a login session), the user location (preferences in language).

Full Detail shape from Creately's Organization Chart library set is a detailed rectangle built to contain all the information - the Full Name of the Employee, Job Title, Location, Phone Number and Email Address.

Name and Position shape contains only the basic information - Name and Job Title of the employee.

Name Only shape contains only the Name of the employee. This is the most simple rectangle in the Organization Chart library set.

The core element of a UML Class Diagram is the class. This is a solid rectangle contains the class name.

A class object in a UML Class Diagram represents an entity of a given system that provides an encapsulated implementation of certain functionality of a given entity. This is a rectangle divided into three compartments. The topmost compartment contains the class name. the middle compartment contains the attributes while the lowest compartment contains the list of operations.

A package object in a UML Class and Use Case Diagram provides the ability to group together classes and/or interfaces that are either similar in nature or related. Grouping these design elements in a package element provides for better readability of UML diagrams, especially complex diagrams.

The Interface object found in a UML Class Diagram indicates a set of operations that would detail the responsibility of a class.

Actor in a UML Use Case Diagram is any entity (person, organization or external system) that performs a role in one given system. In a use case diagram, an actor interacts with a use case. For example, for modeling a reservation system, a passenger entity represents an actor in the application. Similarly, the ticket clerk who provides the service at the counter is also an actor.

A use case in a UML Use Case Diagram gives a visual representation of a distinct business functionalities in a system. For example, for modeling a clinic system, the use cases will be "Make appointment" and "Perform medical tests".

A system in a UML Use Case Diagram is a rectangle spanning all the use cases in the system that defines the scope of your system. Anything within the box represents functionality that is in scope and anything outside is not. Note that the actors in the system are outside the system.

The simple object from the UML Object Diagram is a rectangle which displays the object name. This object name is usually underlined.

The object element from the UML Object Diagram is a rectangle divided into two parts. The top part contains the name of the object, while the second part contains the attributes of the object. Note : This element should not be mistaken with the Class element which is divided into three parts.

The object notation of a UML Sequence Diagram is a rectangle with it's lifeline (a dashed line) descending from the center of its bottom edge. This element represents the life span of the object during the scenario being modeled.

Activation elements in the UML Sequence Diagram are boxes on the lifelines. These are also called the method-invocation boxes, and indicate that an object is responding to a message. It starts when the message is received and ends when the object is done handling the message.

Destroy object in a UML Sequence Diagram is a X at the bottom of an Activation box. This is a UML convention to indicate an object has been removed from memory.

Comment object in a UML Sequence Diagram and UML Activity Diagram is shown in a rectangle with a folded-over corner. To relate the comment to any object on the diagram, the comment has to be connected to the object with dashed lines.

The object element found in the UML Collaboration Diagram is a rectangle which displays the object name, preceding a colon. The object name is underlined. This shows the objects interacting with each other in the system.

Message Arrow in the UML Collaboration Diagram shows the interaction between the commencing object and the destination object.

The Initial State from the UML Statechart Diagram is the state of an object before any transitions. For objects, this could be the state when instantiated. The Initial State from the UML Activity Diagram marks the entry point and the initial Activity State. The notation for the Initial State is a small solid filled circle. There can only be one Initial State on a diagram.

End state from the UML Statechart Diagram marks the destruction of the object who's state we are modeling. The Activity End in a UML Activity Diagram shows the termination of the activity. The End notation is shown as a circle surrounding a small solid filled circle.

Activity state in a UML Statechart Diagram and UML Activity Diagram marks an action by an object. The notation for this is a rounded rectangle.

Junction state in a UML Statechart Diagram are vertices that are used to chain together multiple transitions. They are used to construct compound transition paths between states. A junction is represented by a small black circle.

Choice state in a UML Statechart Diagram evaluates the guards of the triggers of its outgoing transitions to select only one outgoing transition. The decision on which path to take may be a function of the results of prior actions performed in the same run-to-completion step. A choice pseudostate is shown as a diamond-shaped symbol.

Fork vertices in the UML Statechart Diagram serve to split an incoming transition into two or more transitions terminating on orthogonal target vertices. The segments outgoing from a fork vertex must not have guards or triggers. Join vertices serve to merge several transitions emanating from source vertices in different orthogonal regions. The transitions entering a join vertex cannot have guards or triggers.

A Fork notation in a UML Activity Diagram is a control node that splits a flow into multiple concurrent flows. This will have one incoming edge and multiple outgoing edges. A join node is a control node that synchronizes multiple flows.This will have multiple incoming edges and one outgoing edge.

A composite state in a UML Statechart Diagram is a state that has substates (nested states).

The Object notation in a UML Activity Diagram is an activity node that is used to define the object flow in an activity.

Decision notation in a UML Activity Diagram is a control node that accepts tokens on one or two incoming edges and selects one outgoing edge from one or more outgoing flows.

Flow End node in a UML Activity Diagram is a control final node that terminates a flow. It destroys all tokens that arrive at it but has no effect on other flows in the activity. This is a small circle with a X inside.

Signal Receipt notation also called the Accept event action in a UML Activity Diagram is an action that waits for a specific event to occur. This is drawn as a concave pentagon.

Signal Sending in UML Activity Diagram is an action that creates a signal instance from its inputs, and transmits it to the target object, where it may cause the firing of a state machine transition or the execution of an activity.

Activity Partition in a UML Activity Diagram is either horizontal/vertical swimlane. The partitions are used to separate actions within an activity diagram.

A Component UML Component Diagram represents a modular part of a system. A Component element in a UML Deployment Diagram represents a distributable piece of implementation of a system.

A Provided Interface of a component in a UML Component Diagram describes the services that the component offers to its environment. This is modeled using the lollipop notation.

A Required Interface of a component in a UML Component Diagram declares the services that the component expects from its environment. This is modeled using the socket notation.

A Provided Interface with Port in a UML Component Diagram specifies a distinct interaction point between the component and its environment. Ports are depicted as small squares on the sides of components.

A Node element in a UML Deployment Diagram is anything that performs work in the system. This can be either a hardware like personal computers; or a software like the operating system, database server and so forth.

A Device element in a UML Deployment Diagram is a type of node that represents a physical computational resource in a system, such as an application server.

A Deployment Specification element in a UML Deployment Diagram is a configuration file, such as an XML document or a text file that defines how an artifact is deployed on a node.

Every mind map has an idea, where the graphical representation starts from. There can be only one main idea in any mind map.

Attached to the Idea are Topics. You can have as many topics as you like on a mind map.

Table object in database design is used to represent 'things' in the real world. real-world objects might be a customer, an inventory item or an invoice. Tables are made of rows.

In Entity Relationship model, an entity notation is a thing of the real world which can be distinguished from other aspects of the real world. An entity may be a physical object such as a house, an event such as a house sale, or a concept such as a customer transaction.

Weak Entity notation cannot be uniquely identified by its attributes alone. It must use a foreign key in conjunction with its attributes to create a primary key. This notation is represented by a double- outlined rectangle. For ex., consider a database for tracking employees. Dependent persons (Jake and Tom) exist in the employee database because their father (an employee) exists in the Employee table.

A key attribute is the unique characteristic of the entity. For ex. Name and hire date are attributes of the entity Employee.

A multivalued attribute can have more than one value at a time for an attribute. For ex., skills of a surgeon is a multivalued attribute since a surgeon can have more than one skill.

Relationships in Entity Relationship Models show how two entities share information in the database structure.

Mind Map is a graphical way of organizing information, helping students to better analyze and generate new ideas. Check this for more Mind Map related examples and use cases.

Fishbone diagram is generally used to identify the cause and effect of any given situation.

T Chart is used for listing out two different viewpoints of the same topic. For ex. The pros and cons of Online Education, the benefits and drawbacks of Social Media, and so on.

A Storyboard helps student take an idea and translate it into a visual story in a series of illustrations or images.

Cycle Diagram is a type of graphic organizer that shows the circular relationships between items.

A KWL (Know-Want-Learn) Chart can be used with any content area to get students think about what they know about a topic, what they want to know about that topic, and what they have learned at the end of the unit.

Y Chart is a tool that helps students organize their ideas around three dimensions.

A compare and contrast chart is used to note down the similarities and differences between two pieces of literary work.

Venn diagrams show all possible logical relations between a finite collection of sets.

2-set Venn diagram is made up of 2 overlapping circles. And they are used to visualize the relationship between two sets.

3-set Venn diagram is made up of 3 overlapping circles. And they are used to visualize the relationship between three sets.

4-set Venn diagram is drawn to visualize the relationship between four sets.