Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Something creative with SVG

Public visualization

Viewing a saved revision (read-only)

074f818ab62b4089a98d4d3ea82b5c0e

Something creative with SVG

1 star0🌍 Public
Jjwu534@gmail.com
Last edited Feb 13, 2024
Created on Feb 8, 2024
Forked from SVG Fundamentals

This example demonstrates basic SVG shape construction by composing a stylized watermelon from circles, rectangles, and a polygonal path. The visualization uses raw SVG elements—including `<circle>`, `<rect>`, and `<path>`—to layer green rind, red flesh, white highlights, and dark seeds. Rendered directly in the browser via inline SVG within an HTML page, the code sets explicit coordinates and fill colors for each shape, while commented-out elements show unused alternatives like lines and strokes. No external libraries are employed.

AI-generated description

A demonstration of SVG shapes.