This example shows a simple Venn diagram with two overlapping circles drawn as SVG shapes. The larger circle is rendered in a blue fill and reacts to mouse hover by smoothly transitioning its color to a deeper blue over one second. The two smaller circles are outlined in white with partial opacity, creating the illusion of intersection regions. The SVG is defined with fixed dimensions and a viewBox, using basic shape elements like `<circle>` and `<rect>`, with hover styling handled through CSS transitions.