🌍 Public
Viewing a saved revision (read-only)
3488e7e8ddb44eac9e1875559179c36c
Shapes with SVG and CSS
This example demonstrates basic SVG shape drawing alongside HTML and CSS styling. It renders a static collection of circles and rectangles inside an SVG container, with one circle colored green and a group of shapes translated downward and filled blue. The page also displays a fruit list with a highlighted banana item using CSS. The code imports D3’s `select` function and an ES6 module exporting a greeting message, though the message div is not present in the HTML. Rendering relies on native SVG elements with attributes like `cx`, `ry`, and `transform`.
AI-generated descriptionAn example showing the capabilities of VizHub.