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 stars1🌍 Public
TTewarAK
Last edited Feb 13, 2020
Created on Feb 13, 2020
Forked from HTML Starter

This example demonstrates fundamental SVG shape rendering within a React-based visualization gallery. It shows circles, rectangles, lines, and paths positioned on a 960×500 canvas, with styling controlled through both inline attributes and CSS. The code uses raw SVG elements and CSS for presentation, including a group (`<g>`) that applies shared fill and stroke properties, and another group with stroke attributes for the line and path. No data is loaded; the shapes are statically defined in the HTML markup.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed