Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG

Public visualization

Shapes with SVG

0 stars0🌍 Public
EEmily Xie
Last edited Jan 13, 2020
Created on Jan 13, 2020
Forked from React Starter

This example demonstrates basic SVG shape primitives—circles, rectangles, lines, and paths—drawn directly within an SVG element, using React 16.10 to render the page structure. The code shows how the `g` group element groups shapes for collective styling and transformation, while CSS classes like `.lines` apply stroke properties to line and path elements. It illustrates static vector rendering with inline SVG attributes, including coordinate positioning, fills, strokes, and the `d` path syntax.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed