🌍 Public
Viewing a saved revision (read-only)
119c8085d0bd45a2900ccc9378c2c8a2
Shapes with SVG and CSS
This example demonstrates how to create basic geometric shapes in an SVG canvas, displaying circles and a rectangle with default black fills except for one red circle. The scene is rendered entirely through SVG markup, with external styling handled by a CSS stylesheet. The code uses the D3.js `select` function to update a message element’s text content, while also showcasing an ES6 module import from a local file. The page layout is set with CSS to remove margins and hide overflow.
AI-generated descriptionAn example showing the capabilities of VizHub.