Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Shapes and Colors with SVG and CSS

0 stars0🌍 Public
VVasu Rajan
Last edited Oct 28, 2020
Created on Oct 28, 2020
Forked from HTML Starter

This example displays a simple SVG scene with a circle and a rectangle, each using default black styling except for the rectangle’s explicit green fill. The code defines both shapes directly in the HTML using SVG elements, with the circle placed at coordinates (50, 50) and a radius of 40, while the rectangle spans 100 pixels wide and 50 pixels tall. A plain script tag logs “Hello JavaScript!” to the browser’s developer console, demonstrating basic React-free SVG rendering within an HTML page. The visualization relies solely on native SVG and CSS properties rather than external libraries.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed