Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes w/ SVG and CSS

Public visualization

Viewing a saved revision (read-only)

b629920c436a4278a5aadfa7f2aa97e1

Shapes w/ SVG and CSS

0 stars2🌍 Public
Ppeterjchan
Last edited Mar 17, 2020
Created on Mar 17, 2020
Forked from HTML Cars Report

This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS and inline attributes. The code uses raw SVG elements in a React component, with a `<g>` transform for scaling and translation. CSS classes like `.lines` and `.lines path` control stroke properties, while individual shape attributes set fill, stroke width, and colors. The static scene shows how SVG geometry combines with stylesheet rules to produce a structured, non-interactive graphic.

AI-generated description

A bare minimum HTML page.

See also React Starter.