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 stars1🌍 Public
Jjunge870214
Last edited Jan 11, 2019
Created on Jan 11, 2019

This example demonstrates basic SVG shapes and CSS styling in a static visualization. It shows circles, rectangles, lines, and a path rendered within an SVG element scaled by a factor of 1.7. The code uses inline SVG attributes like `cx`, `cy`, `r`, `x`, `y`, and `transform` to position shapes, while CSS classes define stroke properties for the line and path elements. Fill colors are applied both directly via SVG attributes and through a `<g>` group with a hexadecimal value. No data source is present; the visualization purely illustrates SVG geometric primitives.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed