Euler diagram
aka: Venn diagram
The above Euler diagram shows tags on this website. Itβs not a static picture; it is generated based on the content every time the website is updated.
Installation
venn-isomorphic
-
Install dependencies
Terminal window pnpm add venn-isomorphic -
Create
EulerDiagram
componentsrc/components/EulerDiagram.astro ---import { createVennRenderer, type ISetOverlap } from "venn-isomorphic";interface Props {items: ISetOverlap[];}const items = Astro.props.items;const renderer = createVennRenderer();const results = await renderer([items]);const [result] = results;let svg =result.status == "fulfilled" ? result.value.svg : String(result.reason);---<figure class="euler not-content beoe"><Fragment set:html={svg} /></figure> -
Use component, wherever you like
edeap
Edeap - Euler Diagrams Drawn with Ellipses Area-Proportionally.
Pros:
- It shows areas proportional to set sizes.
- It works without a headless browser.
Cons:
- The
venn-isomorphic
diagram looks better.
-
Install dependencies
Terminal window pnpm add edeap -
Create
EdeapDiagram
componentsrc/components/EdeapDiagram.astro ---import { edeapSvg, type ISetOverlap } from "edeap";interface Props {items: ISetOverlap[];}let svg = edeapSvg({ overlaps: items });---<figure class="euler not-content beoe"><Fragment set:html={svg} /></figure> -
Use component, wherever you like
Theory
- A Better Algorithm for Area Proportional Venn and Euler Diagrams β
- eulerdiagrams.org β
- Euler diagrams drawn with ellipses area-proportionally (Edeap) β
- eulerr: Area-Proportional Euler Diagrams with Ellipses β
- code β (R)
- SPEULER: Semantics-preserving Euler Diagrams β
- EVenn: Easy to create statistically measurable Venn diagrams online β
- nVenn: generalized, quasi-proportional Venn and Euler diagrams β
- UpSetR: An R Package For The Visualization Of Intersecting Sets And Their Properties β
- Exact and Approximate Area-proportional Circular Venn and Euler Diagrams β
- DeepVenn β creation of area-proportional Venn diagrams using Tensorflow β
- A Survey of Euler Diagrams β
- Realizability of Rectangular Euler Diagrams β
- Generating and Navigating Large Euler Diagrams β