Data visualization |

Graph Family / Diagram

Icon Count

A linear process diagram simply displays a process with start and end point on a line. It can be visualized in many shapes, designs with various of process steps.

Linear Process Diagram

A Venn diagram or set diagram is a diagram that shows all possible logical relations between a finite collection of sets. Venn diagrams were conceived around 1880 by John Venn. They are used to teach elementary set theory, as well as illustrate simple set relationships in probability, logic, statistics, linguistics and computer science.

Venn Diagram

A flowchart is a type of chart that represents a process or a workflow. It shows the steps as boxes of various kinds, and their order by connecting them with arrows. This diagrammatic representation illustrates a solution model to a given problem. Flowcharts are used in analyzing, designing, documenting or managing a process or program in various fields.

There are a wide variety of flowchart types. Some of the most common ones are swimlane flow charts, Workflow diagrams and dataflow diagrams.

Flow Chart

Pyramid diagram are is used to arrange items or concepts in a way that shows hierarchical structure. This can include business management positions, products sold, business locations, etc. In any case, the topics must have a progressive order. A famous
If you want to show quantity and not just hierarchy the similar pyramid chart can be used.

Pyramid Diagram

llustration Diagrams are illustrative graphics or images accompanied by notes, labels or a legend. Illustration Diagrams can explain concepts, methods or show how things work, move or change.
The style and anatomy of an Illustration Diagram may vary a lot depending on content, context and and best practices in different industries.

Illustration Diagram

Flow Maps in cartography can be defined as a mix of maps and Sankey diagrams, that show the movement of quantities from one location to another, such as the number of people travelling, the amount of goods being traded, or the number of packets in a network.
The width of the connections shows the quantity. Sometimes you flow maps with arrows to display the direction of the movement.
The most famous example of a flow map, is Minard’s map of Napoleon’s disastrous Russian campaign of 1812.

Flow Map

An Arc Diagram uses a one-dimensional layout of nodes with circular arcs to represent connections. Nodes are placed along a single line and arcs are used to display links between the nodes. The thickness of the lines can display frequency between the nodes.
The Arc Diagram can have a similar purpose as the Chord Diagram and the Network Visualisation. But it may not be as effective to show structure in two dimensions as it serves the purpose to easy identify correlation.

Arc Diagram

A mind map is a diagram used to visually organise information. A mind map is often created around a single concept, drawn as an image in the center of a blank landscape page, to which associated representations of ideas such as images, words and parts of words are added. Major ideas are connected directly to the central concept, and other ideas branch out from those.

Mind Map

A transit map is a topological map in the form of a schematic diagram used to illustrate the routes and stations within a public transport system—whether this be bus lines, tramways, rapid transit, commuter rail or ferry routes. The main components are color coded lines to indicate each line or service, with named icons to indicate stations or stops.

Transit Map

A Cycle Diagram is simply used to show how a series of events interact repeatedly through a cycle. It normally refers to a repetitive flow of actions/steps which doesn’t really have a start and/or a proper end.

Cycle Diagram

A step by step illustration is a series of illustration to explain a process or a sequential incident. It can be used for a wide range of purposes;  ie.  assembly guides, instructional manuals for cooking or an airplane safety manual.
The sequence of illustrations is always chronological and often numbered. The visuals can both be photos, technical drawings or more illustrative.

Step by Step Illustration

Connection Map is used to display network combined with geographical data. It can be used for visualising flight connections, flow of import/export or migration, any kind of connections between different locations. By combining thickness, colour, or pattern to the lines or adding another type of visualisation (for example, bar chart or dot plot), you can add numeric values to Connection Map. It is related to a Flow Map but display no quantitative values between the connections.

Connection Map

An organisational chart is a diagram that shows the structure of an organization and the relationships and relative ranks of its parts and positions/jobs. The term is also used for similar diagrams, for example ones showing the different elements of a field of knowledge or a group of languages.

Organisational Chart

The opposite diagram can be used to display two set of opposites in a horizontal and vertical axis using Cartesian coordinates.
The data or items are displayed as a collection of points, each having the value of two variables determining the position on the horizontal axis and the value of the other variable determining the position on the vertical axis. In many ways it is similar to the scatter plot.
The values can be data driven, but it is often used for conceptual purposes by displaying opposites of an issue on a relative scale.

Opposite Diagram

Fishbone Diagrams are causal diagrams that show the causes of a specific event. Common uses of the Fishbone Diagram are product design and quality defect prevention, to identify potential factors causing an overall effect. Each cause or reason for imperfection is a source of variation. Causes are usually grouped into major categories to identify these sources of variation.

Fishbone Diagram

A hyperbolic tree defines a graph drawing method inspired by hyperbolic geometry.

Displaying hierarchical data as a tree suffers from visual clutter as the number of nodes per level can grow exponentially. For a simple binary tree, the maximum number of nodes at a level n is 2n, while the number of nodes for larger trees grows much more quickly. 
Drawing the tree as a node-link diagram thus requires exponential amounts of space to be displayed.

Hyperbolic Tree

A Sociogram is a graphic representation of social links that a person has. It is a graph drawing that plots the structure of interpersonal relations in a group situation. A sociogram can be drawn on the basis of many different criteria: Social relations, channels of influence, lines of communication etc.


An Euler Diagram is a diagrammatic means of representing sets and their relationships. They are closely related to Venn diagrams. Euler Diagrams consist of simple closed curves (usually circles) in the plane that depict sets. The sizes or shapes of the curves are not important: the significance of the diagram is in how they overlap. The spatial relationships between the regions bounded by each curve (overlap, containment or neither) corresponds to set-theoretic relationships (intersection, subset and disjointness).

Euler Diagram

A Target Diagram displays progress towards a goal. Each layer moves closer towards the centre result. It reminds a bit like a flow chart which moves from the outside to the centre. Each layer can also be divided into subcategories.

Target Diagram

A process diagram simply displays a process with start and end point. It can be visualized in many shapes, designs with various of process steps.

Process Diagram

A dendrogram is a tree diagram frequently used to illustrate the arrangement of the clusters produced by hierarchical clustering. Dendrograms are often used in computational biology to illustrate the clustering of genes or samples, sometimes on top of heatmaps.


A fan chart,  is a chart representing family relationships in a tree structure. It features a half circle chart with concentric rings: the person of interest is the inner circle, the second circle is divided in two (each side is one parent), the third circle is divided in four, and so forth. Fan charts depict paternal and maternal ancestors.

Fan Chart (Geneaology)

Sankey diagrams are a specific type of flow diagram, in which the width of the arrows is shown proportionally to the flow quantity. They are typically used to visualize energy or material or cost transfers between processes. They can also visualize the energy accounts or material flow accounts on a community level. Sankey diagrams put a visual emphasis on the major transfers or flows within a system. They are helpful in locating dominant contributions to an overall flow.

Sankey Diagram

Network Visualisation (also called Network Graph) is often used to visualise complex relationships between a huge amount of elements. A network visualisation displays undirected and directed graph structures. This type of visualization illuminates relationships between entities. Entities are displayed as round nodes and lines show the relationships between them. The vivid display of network nodes can highlight non-trivial data discrepancies that may be otherwise be overlooked.

Network Visualisation

Alluvial diagrams are a type of flow diagram originally developed to represent changes in network structure over time. In allusion to both their visual appearance and their emphasis on flow, alluvial diagrams are named after alluvial fans that are naturally formed by the soil deposited from streaming water.
Variables are assigned to vertical axes that are parallel. Values are represented with blocks on each axis. The height of a block represents the size of the cluster and the height of a stream field represents the size of the components contained in both blocks connected by the stream field.
Alluvial diagram is a variant of the Parallel Sets but for categorical variables and often to display trends over time and phases.

Alluvial Diagram

A swimlane flow chart is a type of flowchart. It documents the steps or activities across boarder and show which step and activity belongs to whom throughout processes; that’s why it’s also called a cross-functional-diagram or a cross-channel-diagram. What a swimlane flow chart makes special and unique is that the elements within the flowchart are placed and match together in lanes, and you can plan, coordinate when and how a channel is required. These lanes can help identify and visualize stages, departments, or any other set of separated categories. And furthermore it work out who is in charge, who (employees, responsible people, stakeholders and areas) is responsible, who has to deliver or what can we do in which step or by which communication channel and the instant and situations in the process at which they are and how they are involved.

Swimlane Flow Chart

A chord diagram is a graphical method of displaying the inter-relationships between data in a matrix. The data is arranged radially around a circle with the relationships between the points typically drawn as arcs connecting the data together.

Chord Diagram

The structural formula of a chemical compound is a graphic representation of the molecular structure, showing how the atoms are arranged. The chemical bonding within the molecule is also shown, either explicitly or implicitly. Unlike chemical formulas, which have a limited number of symbols and are capable of only limited descriptive power, structural formulas provide a complete geometric representation of the molecular structure

Molecule Diagram

Radial Convergences are used to visualize relationships between entities. Entities are displayed as round nodes and lines show the relationships between them. It is similar to a network visualization but it is arranged in strict circular layout.

Radial Convergences