Skip to content

Commit

Permalink
Merge pull request #91 from daviddraw/dev
Browse files Browse the repository at this point in the history
blog post
  • Loading branch information
davidjgraph committed May 18, 2022
2 parents b3eec7e + 981bf11 commit 58ca287
Show file tree
Hide file tree
Showing 6 changed files with 69 additions and 0 deletions.
69 changes: 69 additions & 0 deletions _posts/2022-05-23-venn-diagrams.md
@@ -0,0 +1,69 @@
---
layout: post
author: diagrams.net
slug: venn-diagrams
date: 2022-05-23 09:43:00
title: Venn diagrams and templates
tags: [shape libraries]
categories: [use-cases, templates, shape-libraries]
---

Venn diagrams are widely used in business, education and research to visualise commonalities and differences. Although, you have probably most often seen theme used in memes.
<br /><img src="/assets/img/blog/venn-template1.png" style="width=100%;max-width:300px;height:auto;" alt="diagrams.net and draw.io have many Venn diagram templates with various numbers of sets">

## How to read a Venn diagram

One of more circles - usually the same size - are drawn in a Venn diagram to depict groups of things, called sets. Where the sets overlap (intersect), indicates what the sets have in common. The set segments outside the intersection show the differences between the sets. Text or images are added to the various set segments as required.

Occasionally, larger and smaller circles show the relative sizes of the sets, or ellipse shapes are used to make the text more readable across intersecting segments.

## When to use Venn diagrams

Survey results, disease symptoms, feature lists, behaviour triggers, characteristics, risk factors, group interests or hobbies, opinions held by different groups, course entrance requirements, ...
<br /><img src="/assets/img/blog/venn-example.png" style="width=100%;max-width:250px;height:auto;" alt="Create a Venn diagram in draw.io and diagrams.net to visualise the similarities and differences between groups">

You can visualise any data based on groups (sets) and their characteristics to see what aspects are shared and what aren't, using the basic shapes at [app.diagrams.net](https://app.diagrams.net) and our draw.io apps. Alternatively, start with a template from the Venn category.

* **Compare two companies** in the same industry and show which products are produced by both companies, and which exclusive products each company offers.
* Organise the **characteristics or interests of different groups** to find your ideal target market or user group.
* Describe the **features of competing products**. Place the features present in both in the intersection. Highlight the features that are most important bold to help you make a decision on an expensive purchase (like a house or a car).
* Visualise the **responsibilities of different teams** to reduce confusion when collaborating on projects.
* **Split software users into the tasks they will perform** with your software to better define which use cases are more important.
* Compare the **needs versus desires** of different user groups or target markets.
* **Show how many people preferred each product** or process when surveyed to make better business decisions.

## Venn diagram templates in draw.io and diagrams.net

1. Create a new diagram, or select _Arrange > Insert > Template_ to open the template manager.
2. Click on the _Venn_ category on the left to see a variety of Venn diagram templates with 3-8 sets. Click on the magnifying glass in the top right of any template to see a larger preview.
<br /><img src="/assets/img/blog/template-venn-insert.png" style="width=100%;max-width:350px;height:auto;" alt="diagrams.net and draw.io have many Venn diagram templates with various numbers of sets">
3. Select one of the templates, and click _Insert_ (or _Create_) to add it to the drawing canvas.
4. Double click on any text labels to edit it.

## Draw your own Venn diagram

Add two or more **_Circle_ or _Ellipse_ shapes** from the _General_ shape library.

Use the Style tab in the format panel to **add colour**, and **reduce the opacity** of the shapes so you can clearly see the overlapping segments.

**Add text shapes** from the _General_ shape library, and drag them into good positions on the set circles and intersections to fine-tune the text placement, or list multiple characteristics in each segment.
<br /><img src="/assets/img/blog/venn-template2.png" style="width=100%;max-width:400px;height:auto;" alt="diagrams.net and draw.io have many Venn diagram templates with various numbers of sets">

## Euler diagrams versus Venn diagrams

Venn diagrams were popularised by the mathematician John Venn around 1881. He didn't invent them, but instead tweaked the concept of [Euler diagrams](https://en.wikipedia.org/wiki/Euler_diagram) (1700s).

While both Venn and Euler are types of set diagrams, to be technically correct, Venn diagrams must show _all possible logical relationships_ between a number of sets, where each set must overlap _all_ other sets. This is not followed in practice, however.

Euler diagrams show any relevant relationships, including sets that don't have anything in common and don't overlap, and subsets that are fully inside another set.

As an example, the diagram below shows the sets _edible food_ and _cookies_.

A Venn diagram should show all three set segments - edible food that isn't a cookie, cookies that are edible food (intersection), and cookies that aren't edible food. The Euler diagram simply places the cookies as a subset inside the edible food set.
<br /><img src="/assets/img/blog/venn-euler-comparison.png" style="width=100%;max-width:600px;height:auto;" alt="Venn and Euler diagrams are different in subtle ways">

You'll find that the terms Venn diagrams, Euler diagrams, set diagrams, and logic diagrams, all refer to this type of diagram, and are usually used interchangeably.

### Draw many types of diagrams in our apps

You can create a wide range of diagrams using diagrams.net or our draw.io apps. Have a browse through the [many different diagram use cases](/blog/use-cases.html) featured here on our blog.
Binary file added assets/img/blog/template-venn-insert.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/blog/venn-euler-comparison.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/blog/venn-example.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/blog/venn-template1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/blog/venn-template2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 58ca287

Please sign in to comment.