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)

209631df52ed4c7d9335b36bb946b6a9

Shapes with SVG and CSS

0 stars0🌍 Public
Ggharakhani1986
Last edited Jul 10, 2022
Created on Jul 10, 2022

This example displays a simple SVG scene composed of a green circle and a black-outlined rectangle, both grouped within an SVG element. The shapes are positioned using the `transform` attribute and styled with inline fill and stroke properties, while a linked stylesheet defines global body margins and a `.highlighted` class. The visualization demonstrates foundational SVG shape rendering and CSS integration in a static, non-interactive HTML document.

AI-generated description

An example including some commonly used features of SVG.