Skip to content

Venn diagram: problem creating 3 circle union diagram + workaround #7656

@mjmeijer

Description

@mjmeijer

Description

I want to create a Venn diagram with 3 overlapping circles. What I expected to work didn't but I found a workaround that may be useful for the documentation.

Demonstration

Testing the Venn diagram in mermaid.

Please note this post about max 3 circles in Venn diagram

what I expect to work but doesn't

venn-beta
  title "Innovation"
  set Desirable
  set Feasible
  set Viable
  union Desirable,Feasible,Viable["Innovation"]
venn-beta
  title "Innovation"
  set Desirable
  set Feasible
  set Viable
  union Desirable,Feasible,Viable["Innovation"]
Loading

what I didn't expect to work but does

venn-beta
  title "Innovation"
  set Desirable
  set Feasible
  set Viable
  union Desirable,Feasible
  union Desirable,Viable
  union Feasible,Viable
  union Desirable,Feasible,Viable["Innovation"]
venn-beta
  title "Innovation"
  set Desirable
  set Feasible
  set Viable
  union Desirable,Feasible
  union Desirable,Viable
  union Feasible,Viable
  union Desirable,Feasible,Viable["Innovation"]
Loading

Steps to reproduce

Copy and try the above code examples

Screenshots

See above

Code Sample

See above

Setup

  • Mermaid version: mermaid@11
  • Browser and Version: Chrome

Suggested Solutions

Include the examples in the docs until the expected behavior works

Additional Context

No response

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions