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)

931779a0fb964b93b0370981a97eaf11

Shapes with SVG and CSS

0 stars1🌍 Public
PPrerna Mishra
Last edited Jun 13, 2020
Created on Jun 13, 2020

This example demonstrates basic SVG shape rendering within a React-based visualization gallery. It displays a red circle and a rectangle on a 960 by 500 canvas, using plain SVG elements defined directly in the HTML. The styles.css file applies a global reset and adds a `.highlighted` class that turns text red, though the shapes themselves use default styling. The implementation relies on core SVG APIs (`circle` and `rect`) rather than higher-level libraries like d3, showcasing minimal markup for static geometric figures.

AI-generated description

A bare minimum HTML page.

See also React Starter.