Interactive Venn diagrams using JavaScript
Posted by David Wees on Jun 1, 2007
A colleague of mine at work showed me a Java applet where the user could see various sets represented using Venn diagrams, and I decided to build something similar in JavaScript. I was going to do it in Flash, but JavaScript was easier to debug (especially given that I didn't have a copy of the Flash editor available to me at the time).
You can view it here.
Popular content
- Gradient jQuery plugin (33,134)
- Modulo Arithmetic (8,981)
- Using Red 5 Flash media server with Drupal (5,876)
- Interactive Venn diagrams using JavaScript (5,478)
- Javascript Algebra solver (4,275)
- Histograms Online (4,167)
- Javascript Puzzle Creator (4,027)
- Creating Equations in Movable Type (3,971)
- Game of Life ported to Flash (3,873)
- Flash Compass (3,868)
- 1 of 13
- ››
Comments
venn diagram generator
Hi dwees
the venn diagram generator is nice to view. Im just seeking for this kind of script.. but all went in vien.. anyway hats of to u.
senthil kumar G J
Venn Diagram script
The part that made coding this script easier was the realization that all I had to do was create the partial images, then use bit-wise logic to decide which images to show. Basically I created a bunch of images, each representing the different distinct parts of the Venn diagram and then I overlay them to show the resulting set. So then I don't need the computer to know the sets at all, I just need to make sure I know the sets.
Dave