🌍 Public
Viewing a saved revision (read-only)
9ae6d805d3b049cdaef66f393c731b94
Shapes with SVG and CCS
This example demonstrates how to draw and style basic SVG shapes—circles, rectangles, lines, and paths—using Cascading Style Sheets (CSS). It showcases default styling, inline presentation attributes, and CSS classes to control fill colors, strokes, and stroke widths on primitive geometric elements. The visualization uses a static SVG canvas with no external data, relying solely on two files: an HTML document and a separate stylesheet. The code exemplifies SVG's native coordinate system and transform groups to position and scale the drawn shapes.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.