Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes With SVG and CSS

Public visualization

Shapes With SVG and CSS

0 stars0🌍 Public
Ccaliew
Last edited Dec 28, 2019
Created on Dec 28, 2019
Forked from HTML Starter

This example demonstrates how SVG shapes can be styled using both inline attributes and CSS classes. Circles, lines, and a path are rendered inside an SVG element, with a green stroke applied to line elements and a blue stroke with rounded joins to the path. The code uses basic SVG elements (`circle`, `line`, `path`, `g`) and CSS selectors to control fill and stroke properties, including a group-level fill override with a red stroke. The HTML page loads a stylesheet and scales the entire drawing with an SVG transform.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed