🌍 Public
Viewing a saved revision (read-only)
809f37b4ed9f4df9b5d84a96cd9c2584
Shapes with SVG and CSS
A React-based visualization renders two hardcoded SVG shapes—a red circle and a green rectangle—on a 960-by-500 canvas. The example demonstrates fundamental SVG elements (`<circle>`, `<rect>`) styled via an external CSS stylesheet, which resets body margins and hides overflow. Using raw JSX markup within the HTML structure, it shows how React integrates declarative SVG rendering directly in the component tree, with no data binding or interactive behavior beyond the static visual output. The styling is applied through classless selectors, emphasizing layout and presentation basics.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.