How to draw and use concept maps

draw.io 17 May 2023

Share:

Concept maps are a broad category of diagrams that are useful for brainstorming with teams, learning and training, showing hierarchical information, planning events or product campaigns, and exploring solutions to problems. They are widely used throughout all industries, especially in medicine and education.
A concept map detailing the factors that drive a customer to purchase a product and how they are interrelated

What is a concept map?

Any type of diagram that shows relationships between concepts in a branching structure falls under the concept map umbrella. That includes mind maps, org charts, tree diagrams, cluster diagrams, thinking maps, and more.

Originally developed to support the learning process, they are now also one of the most commonly used types of diagrams in the working world.

Components of a concept map

  • One central topic or idea into sub-topics and closely related ideas.

  • Shapes like ovals, circles or rectangles for parent ideas and key sub-topics. Underlined text is often used in mindmaps for the end ‘leaf’ topics.

  • A top-down tree structure or radial branches out from one central idea.

  • Connectors to link related topics - these may include arrows and connector labels to show how one topic contributes or relates to another.

Create a concept map in draw.io

  1. Identify your main topic or root node in your concept map either at the top or center of your diagram.
  2. Add the related main sub-topics or key ideas around the main topic and draw a connector to them from that main topic shape.
  3. Keep breaking down the sub-topics into small topics or ideas, and draw connectors to show their hierarchy.
  4. (Optional) Style connectors in different ways to show how sub-topics and ideas relate to those in other areas of the concept map.
    Use the Advanced shapes in the shape library to create an online whiteboard mindmap with draw.io in Confluence

Most concept maps will use shapes from General shape library, or the Advanced shape library for specialised mindmap shapes. If you’d like to use different shapes, use the search field at the top of the shapes panel to search for shapes, clipart and icons by name.

Concept map templates

You’ll find many concept map templates in the Charts template library (org charts and work breakdowns), and the Maps template library (concept maps, mindmaps and sitemaps).
The maps category in the template library has a range of concept maps

Alternatively, use the smart template generator to generate a mindmap from a short text description.

  1. Select Arrange > Insert > Template from the draw.io menu, then select Smart Templates in the template library.
  2. Enter the descriptive phrase in the text box, select Mindmap from the drop down list, and click Generate. You can generate the diagram repeatedly and get a different diagram each time.
  3. Once you’re happy with the preview, click Insert to add it to the drawing canvas.

    A generated smart template in draw.io to start a concept map on party themes

Learn more about smart generated template diagrams

Concept map examples and use cases

Here are several examples of concept maps and their use cases. Click on any of the diagrams to open them in draw.io’s online viewer.

Many of these concept maps show heirarchy and explicity relationships between concepts.

This simple concept map explains how the various types of UML diagrams are related. This diagram was created in draw.io from a text description by importing PlantUML code.
Generate a mindmap from text in draw.io by inserting PlantUML in arithmetic notation via Arrange > Insert > Advanced > PlantUML

Concept mapping is taught in most medical degrees as a tool to use when making a differential diagnosis. By mapping a patient’s symptoms, their test results and likely ailments, they can more accurately diagnose the underlying cause. In the example below, you can see how tests and treatments are related to causes, and which symptoms strongly suggest either a mechanism or underlying cause.
The start of a concept map for a differential diagnosis of back pain, created in draw.io

Use this same concept mapping approach to diagnose problems and investigate solutions in many other industries.

The following concept map (cluster map) is available as a template in the Maps category in the draw.io template library. Mindmap of living beings - a template in draw.io

Organisation chart are another type of concept map which can show both heirarchy and relationships across roles or teams. This particular org chart was generated from CSV spreadsheet data with additional formatting information via Arrange > Insert > CSV in the draw.io menu.
Configuration and CSV code for automatically creating an org chart in draw.io Create a complex org chart in draw.io from a CSV file exported from your EMS

See how to create and format diagrams from CSV data

Concept maps in marketing and development

You can use concept maps in a number of ways to identify customers’ needs. One approach uses the Jobs to be Done method to identify customer needs and motivations, detailed in job maps. This example uses link shapes for the leaf nodes in the concept map, and links to related jobs on other pages in this multipage diagram.
A job map with a link to another concept map in a multi-page draw.io diagram

There are many interrelated factors that influence the sales and success of a product or service. Here’s a concept map that your development and marketing teams can use as a template to discuss options for your products or services.
A concept map detailing the factors that drive a customer to purchase a product and how they are interrelated

Concept maps in teaching and learning

A thinking map relates one concept to many others, and notes the relationships between sub-concepts on the connectors.
A concept map using shapes from the General shape library in draw.io

If you want to show more context visually around a concept, the more artistic sketch notes approach to concept mapping uses various icons, text, and layouts to help the viewer understand a concept.
Taking notes graphically helps with understanding and remembering the information more clearly

See more diagrams used in education

Business concept maps for managers

The following large mindmap details all the factors that impact or influence the ISO standards organisation. This example is available from our draw.io Diagrams repository on GitHub.
A mindmap explaining the various factors that influence or impact the ISO standards organisation

Edit this diagram to show the various factors that influence or affect your organisation or team.

The following impact map template is useful for detailing business goals with the actors that contribute to them, as well as the deliverables that impact those actors. This template is from our draw.io Diagrams repository on GitHub.
An impact map created in draw.io for detailing the actors, deliverables and impacts on business goals - useful for making business decisions

Follow us on GitHub, Twitter, Facebook.

Share: