Venn diagram (Mermaid)

Mermaid has no Venn syntax, so this draws the regions explicitly: each set, each pairwise overlap, and the centre. That is what a Venn diagram is actually communicating.

For circles that overlap visually, draw it in draw.io. For a Venn whose regions are labelled and editable as text, this works well.

#What this example shows

• Every region named, including the pairwise overlaps.

• The centre region, which is usually the actual point.

• A structure that stays correct when somebody adds a set.

#A worked example

Open it, edit it, or copy the source below.

The source, which you can paste into a new diagram and edit:

flowchart TB
  subgraph A[Fast]
    A1[Prototype spike]
  end
  subgraph B[Cheap]
    B1[Copy an existing pattern]
  end
  subgraph C[Good]
    C1[Full design and review]
  end

  AB[Fast and cheap:<br/>not good] --- A1
  AB --- B1
  AC[Fast and good:<br/>not cheap] --- A1
  AC --- C1
  BC[Cheap and good:<br/>not fast] --- B1
  BC --- C1
  ABC([All three:<br/>pick two]) --- AB
  ABC --- AC
  ABC --- BC

#Making it your own

• Label the intersections. An unlabelled overlap is decoration.

• Three sets is the practical limit for a Venn diagram in any tool.

• For overlapping circles, use draw.io; this version trades looks for editability.

#Related

Copy it. Change one line. See what happens.