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)

baa5f273ea0a4103a2c8d5028b65b3f3

Shapes with SVG and CSS

0 stars0🌍 Public
Rrayray196
Last edited Apr 27, 2023
Created on Apr 27, 2023
Forked from HTML Starter

This example demonstrates a single green rectangle with a blue stroke rendered directly in an HTML page using inline SVG markup. The shape is defined by explicit `x`, `y`, `width`, `height`, `fill`, `stroke`, and `stroke-width` attributes placed within the body of the document. No JavaScript libraries or styling frameworks are employed; the visualization relies solely on standard SVG presentation attributes supported by modern browsers. The simple approach highlights how basic geometric shapes can be created without external dependencies, serving as a minimal foundation for more complex data-driven graphics.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.