Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

f7f4c174d5904991bf4e5cb6d089a510

Shapes and Colors with SVG and CSS

0 stars0🌍 Public
KKousher alam
Last edited Sep 29, 2019
Created on Sep 29, 2019

A single static SVG scene demonstrates how to layer and style basic geometric shapes—circles, rectangles, lines, and paths—using CSS and SVG presentation attributes. The example uses no data or D3, relying solely on inline SVG elements within an HTML document. Shape fills, strokes, stroke widths, and transforms are applied both directly and through external style rules, while the `.lines` class sets stroke properties for the path and line elements. A JavaScript alert runs on page load, but does not affect the visualization.

AI-generated description

An example including some commonly used features of SVG.