🌍 Public
Viewing a saved revision (read-only)
20801df3d26c4978b5fae38e1408dfa3
Shapes with SVG and CSS
This example demonstrates how to combine SVG shapes with CSS styling and JavaScript data processing. It draws circles, rectangles, lines, and paths in an SVG canvas, using groups and CSS classes to apply stroke and fill properties. The page also displays a car report generated from hardcoded JSON data, filtered by price and formatted with ES6 template literals. The `getCars.js` file returns a Promise simulating async data loading, though the report uses the static list from the HTML.
AI-generated descriptionAn example showing the capabilities of VizHub.