Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed