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)

4d5a39de46b54be18e04b1b64ce6f980

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.