This is a demo of drawing Venn Diagrams using Canvas element, from within a web-component!

This canvas is brought to you by a Web Component called <draw-venn></draw-venn>. This web-component is written in Lit.

Accompanying backstory: https://oldweaver.co.in/n/blog/drawing-venn-diagrams/

For the repo at https://github.com/saravanak/tag-venn

While the core is written to be extensive, this is still implemented all sets! The configurations/rules for these Set Expressions are hardcoded; but later, planning to implement a parse for the language and generate generic represenations. For now, the best bet to tinker would be to clone the backing repo. Don't forget to give a star if you think this deserves it!

Interaction brought to you by AlpineJS

Your host is Saro @ Saravana kumar, and I am looking for a job right now! Head over to https://oldweaver.co.in/resume

!!! Click/Hover on the expressions below to see a live popup of the results! >