Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

shapes with SVG

Public visualization

Viewing a saved revision (read-only)

dc3e9e0239394d3b8da497cbc1e16cce

shapes with SVG

0 stars0🌍 Public
CCyc-Evelyn
Last edited Oct 3, 2020
Created on Oct 3, 2020
Forked from Hello VizHub

A simple SVG scene displays a red circle and a green square, alongside a blue circle and rectangle grouped inside a `<g>` element with a translation applied. The example demonstrates basic SVG shape creation and grouping using native SVG elements like `circle`, `rect`, and `g`, with fill colors set via attributes. The SVG is embedded directly in the HTML with a viewport of 960 by 500 pixels. A linked stylesheet defines page-level margins and overflow behavior, while an unused `.heighlighted` class is also present. The code uses no JavaScript libraries, relying solely on static SVG markup.

AI-generated description