Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG fundamentals-practice

Public visualization

SVG fundamentals-practice

0 stars0🌍 Public
EElisa Mendoza
Last edited Aug 30, 2022
Created on Aug 28, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG drawing techniques using a static 960x500 canvas. It shows overlapping circles with red and green fills, plus two curved paths rendered with pink fills and magenta strokes. The paths utilize SVG arc (`A`) and quadratic Bézier (`Q`) commands to create leaf-like shapes and wavy lines. The implementation uses plain SVG elements within HTML, with no JavaScript libraries or external data sources, making it a pure markup exercise in vector graphics construction.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed