Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CCS

Public visualization

Viewing a saved revision (read-only)

9a6ca678d07d45558119ef10bfdc1fb9

Shapes with SVG and CCS

0 stars3🌍 Public
Ddata-inside
Last edited Nov 14, 2020
Created on Nov 14, 2020
Forked from React 201

This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled with CSS. The code uses raw SVG elements within an HTML document, applying inline attributes like `fill` and `stroke` alongside a CSS class (`.lines`) to control appearance. A `<g>` element groups shapes with shared transform and style properties, while the SVG `scale` transform enlarges the entire drawing. No JavaScript libraries are used; rendering relies solely on SVG and CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.