This example shows a static Venn diagram with two overlapping circles, rendered as inline SVG elements. A blue circle serves as the main set, while two white-outlined circles highlight the intersection and symmetric difference regions. The diagram uses basic SVG shape elements (`circle`, `rect`, `text`) with a CSS hover transition that changes the blue circle’s fill color to blue over one second. No external JavaScript libraries are used; the visualization relies entirely on SVG markup and CSS styling, with the catalog link in the README referencing the DataViz Catalogue as the design source.