This seems to be only for two circles.
I was hoping for an algorithm for drawing any Venn Diagram. Here's n=7
Might not be the most efficient way to get proportionality, but it would seem that making the set boundaries elastic and putting a proportional amount of non-overlapping particles within the corresponding regions may draw a 'good enough' picture.
Sort of like in the type of graph layout algorithm https://youtu.be/_Oidv5M-fuw
I find this kind of physical approach to 'optimization' entertaining. With quotes because it need not converge/terminate.
In the book "The Mathematical Mechanic" by Levi, there's even more examples like a physical model for solving an optimal location problem in 2D (minimize sum of distance from a source to fixed locations, choosing where to place the source) by setting up weights connected by strings to a ring denoting the optimal location of the source. It also claims to prove the Pythagorean theorem by a prism-shaped water tank construction.
In the music example, it has to give up on rendering all intersections since the layout isn't feasible with area-proportional circles - is there anything else that could be done? Is it possible to use ellipses or curved-shapes instead?
But then I guess searching for a solution could become too computationally expensive for client-side JS.
Venn/Euler diagrams don't work all that well past 3 sets, not all areas will be shown if using circles - so unless some of the sets are disjoint it will be a misleading diagram (like in the music example). However, I think it works well for 3 set diagams, I have an interactive example on last.fm data here https://www.benfrederickson.com/distance-metrics/ in the context of explaining some simple distance metrics.
I thought it was pretty neat
I made multiple highly precise comparison figures...
In the end someone (else) went into a paint program
slapped a few ovals together as a cartoon of my precision which went into the final product because it did made a better illustration and conveyed to point of my figures
without any accuracy beyond that of the mark-1 eyeball
1: See also: Pie charts
When I wrote the comment, my thinking was that maybe color would be a better choice than area then, in which case unequal areas may confound that approach further.
Check out https://github.com/ft-interactive/chart-doctor/tree/master/v...