Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HSVG W shapes

Public visualization

Viewing a saved revision (read-only)

8c66d66e004846c6bc032608d259f9a5

HSVG W shapes

0 stars0🌍 Public
IIzzi Oakes
Last edited Jun 19, 2020
Created on Jun 19, 2020
Forked from HTML Starter

This example displays two simple shapes—a circle and a rectangle—inside an SVG, with a red circle positioned lower and a black line crossing the composition. The shapes are grouped and shifted using an SVG `g` element with a `transform` attribute, while individual fill and stroke styles are applied directly. The code uses React to render the static SVG markup, with basic CSS resetting the page margin. No interactive behavior or data binding is present; it is a minimal demonstration of SVG primitives within a React component.

AI-generated description

A bare minimum HTML page.

See also React Starter.