Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars0🌍 Public
Mmagua
Last edited Oct 2, 2020
Created on Oct 2, 2020
Forked from HTML Starter

This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—arranged on a red background. It shows how SVG elements can be styled with inline attributes, grouped using the `<g>` element, and transformed with the `translate` attribute. The code uses plain React to render the SVG markup and relies on CSS for the page’s background color. It also illustrates applying stroke properties like `stroke-width` to grouped lines and paths, showcasing fundamental vector graphics composition without external libraries.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed