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)

69c2edb8b3ad40e5aca2a8e792efb03d

Shapes with svg and CSS

0 stars0🌍 Public
Vvoid-LSTM
Last edited Apr 15, 2022
Created on Apr 15, 2022
Forked from HTML Starter

This example demonstrates the basic building blocks of SVG shapes—circles, rectangles, lines, and paths—styled through CSS. It shows how a group element can apply shared fill and stroke properties, while a separate class targets line and path elements for custom stroke width and color. The code uses plain HTML, CSS, and JavaScript within a React framework, rendering via SVG. The shapes are manually positioned with fixed coordinates on a 960 by 500 canvas, with no external data source.

AI-generated description

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

See also React Starter.