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)

284ae30ed2eb4ae492186db6cfe68522

Shapes with SVG and CSS

0 stars1🌍 Public
TTimothy sit
Last edited Dec 26, 2020
Created on Dec 26, 2020
Forked from HTML Starter

This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—rendered inside an HTML page. CSS classes control stroke and fill styles, including a green stroke for paths and a black stroke for other line elements. The visualization uses raw SVG elements defined directly in markup, with JavaScript providing only a console log message. It is built with React and rendered via SVG, serving as a minimal starter for exploring vector graphics styling.

AI-generated description

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

See also React Starter.