Nice! I wonder if there's a mathematical theorem to describe the possible shapes for a 2-d venn diagram of N sets or if there's an N for which it is no longer possible (or maybe it's possible for all N!?). Probably an application of graph theory and Euler's formula to determine feasibility and then something else to figure out the shape constraints. Never thought about it, but an interesting idea.
I’m wondering what’s the proper way to draw Venn diagrams.
I’ve seen that Graphviz has a “nice to have” mention about them, and there are a few simple JS libraries - mostly for two sets. Here’s also my own attempt using an LLM [1].
But maybe someone knows a more general or robust solution - or a better way to achieve this?
In the future, I’d like to be able, for example, to find the intersection between two Venn diagrams of three sets each etc.
The source has a distinct face-melting vibe. Judging from leftover variables, seems like part of the original plan was to make a 7-way Venn diagram of these broad disciplines: "ART INTERFACE SCIENCE LANGUAGE TECHNOLOGY HUMANISM NETWORKS".
The possible resulting combinations also seem to have remained in the code, going from tame concepts like "illustration" and "games", down to gems like "folksonomy", "hypernarrative", "facebook" (??)
Of course nice / "proper" / usable Venn diagrams use only round(-ish) shapes so they are easy to decipher. If you stick to this limitation, you can visualize up to 3 sets in 2D (using circles), 4 sets in 3D (using spheres), then it gets tricky...
> I decided to use colors rather than numbers or letters to identify each basic set, though I didn't use the same colors Newton did; mine are equidistant in the hue circle.
"Lawn green" and "medium spring green" look completely identical to me. Maybe I have a really obscure kind of color blindness?
Yeah, I know that Upset Plots are a better choice for data visualization — as everyone is pointing out — but take a moment to appreciate this beautiful etude for what it is. This nicely executed. I love how this forced the author into some very difficult choices about how to create a large set of convincingly "mixed" colors — which is a very difficult problem even with just 4 overlapping base colors!
In some sense, they "lucked out" by dealing with a prime number of primary color sets, which helped them avoid having multiple pairs of colors that are directly across the wheel from each other.
Very nicely done. It's fun to play with, and inspiring to study.
23 comments
[ 3.0 ms ] story [ 78.9 ms ] threadBut maybe someone knows a more general or robust solution - or a better way to achieve this? In the future, I’d like to be able, for example, to find the intersection between two Venn diagrams of three sets each etc.
[1] https://vitalnodo.github.io/FSLE/
https://venn.bio-spring.top/intro#nvennr
http://162.243.213.31/wp-content/uploads/2012/08/Ven3.png
This fork shows an older version with all the shapes turned on and filled with original colors: https://observablehq.com/d/4a5120e490fa9da4
Santiago Ortiz's venn was from 2013 (via archive.org) . I had forgotten I'd seen that, thanks for sharing.
The possible resulting combinations also seem to have remained in the code, going from tame concepts like "illustration" and "games", down to gems like "folksonomy", "hypernarrative", "facebook" (??)
https://moebio.com/research/sevensets/Main.js
Anyone knows what could cause this?
On mobile it is uncanny valley - I see something, but it is broken.
"Lawn green" and "medium spring green" look completely identical to me. Maybe I have a really obscure kind of color blindness?
In some sense, they "lucked out" by dealing with a prime number of primary color sets, which helped them avoid having multiple pairs of colors that are directly across the wheel from each other.
Very nicely done. It's fun to play with, and inspiring to study.