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)

04066c89e3fa45e1a1d277cd1d5fdc29

Shapes with SVG and CSS

0 stars0🌍 Public
RRaghavKakkar
Last edited May 18, 2020
Created on May 18, 2020
Forked from HTML Starter

This example demonstrates two fundamental SVG shapes—a circle and a rectangle—styled purely with CSS. The SVG canvas is fixed at 1000 by 600 pixels, with the circle positioned at (60,60) and the rectangle at (150,10). The stylesheet applies a maroon fill to the circle and gray to the rectangle, while the body margin is reset to zero and overflow hidden. The implementation uses raw SVG elements directly in HTML, with CSS selectors targeting the `<circle>` and `<rect>` tags for styling.

AI-generated description

A bare minimum HTML page.

See also React Starter.