Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SCG and CSS

Public visualization

Shapes with SCG and CSS

0 stars1🌍 Public
SSuperweedMan
Last edited Jun 24, 2020
Created on Jun 24, 2020
Forked from HTML Starter

This example demonstrates how basic SVG shapes—circles and rectangles—can be styled using CSS. It shows three shapes on an SVG canvas: two circles and a rectangle, with the second circle explicitly filled red via an attribute. The code uses plain SVG markup within an HTML page, linked to an external stylesheet. The stylesheet defines a highlighted class with a red text color, although no elements in the markup currently apply this class, and sets the body margin to zero with hidden overflow. No JavaScript or additional libraries are involved.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed