Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

JH2

Public visualization

Viewing a saved revision (read-only)

e32d43f882cd4bf3a76fc4fa5dda0e1c

JH2

0 stars0🌍 Public
JJosh-Hawley
Last edited May 24, 2022
Created on May 17, 2022
Forked from JH1

This example displays a simple, static SVG graphic of a yellow circle with a black outline, accompanied by two smaller unfilled circles positioned symmetrically above it. The visualization demonstrates basic SVG shape rendering, using `<circle>` elements with attributes for center coordinates, radius, fill, and stroke. The code imports React and ReactDOM from CDN via `unpkg`, though the rendering is handled directly through handwritten SVG in the HTML body rather than through React's component system. The page layout uses CSS to remove margins and hide overflow, creating a clean canvas for the shapes.

AI-generated description

An example including some commonly used features of SVG.