Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2_Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

8d600bcd9b3d4db9ad79d8a59d155a3c

2_Shapes with SVG and CSS

0 stars1🌍 Public
FFMajid-ops
Last edited Dec 21, 2020
Created on Nov 5, 2020
Forked from 2_HTML Cars Report

This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS for stroke and fill properties. The SVG is scaled and grouped using transforms, with a subset of elements inheriting fill and stroke from parent groups or classes. The code uses native SVG elements and CSS selectors like `.lines` and `.lines path` to apply styles, without any external JavaScript libraries. Rendering is purely static, with no interactivity or data binding.

AI-generated description

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

See also React Starter.