🌍 Public
Viewing a saved revision (read-only)
bd89d68bba0c44a69e491d94456e9350
Shapes with SVG and CSS
This example demonstrates how to compose basic SVG shapes—circles, rectangles, lines, and paths—and style them using CSS rules defined in a separate stylesheet. It shows the effects of inline fill attributes, group-level styling properties, and class-based selectors, including stroke color and width. The code imports `select` from D3.js and uses it to set text content in a `div`. The entire scene is rendered through raw SVG markup, with a `transform` applied to the root group.
AI-generated descriptionAn example showing the capabilities of VizHub.