Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

a5e89a6e2ee34ee4adb7e1755e486c3a

Shapes with SVG and CSS

0 stars0🌍 Public
JJoshuoYang
Last edited Sep 25, 2022
Created on Sep 25, 2022
Forked from HTML Starter

This example demonstrates how to draw and style SVG shapes using React and CSS. It shows circles, rectangles, lines, and a polyline path, with attributes like `fill`, `stroke`, `stroke-width`, and `transform` applied directly to SVG elements or through grouped `<g>` elements. The page uses a simple HTML structure with linked `styles.css` and inline SVG markup, highlighting both inline presentation attributes and external stylesheet rules for visual customization.

AI-generated description

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

See also React Starter.