Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG

Public visualization

Viewing a saved revision (read-only)

c1395a8d0cc24c1093e720b9f31189cd

Shapes with SVG

0 stars0🌍 Public
Hhasskhan
Last edited Jun 20, 2020
Created on Jun 20, 2020
Forked from HTML Starter

This example demonstrates two basic SVG shapes—a circle and a rectangle—positioned on a 900-by-500 canvas. The rendering relies directly on the SVG API within an HTML file, with a separate stylesheet setting the body margin to zero and hiding overflow. The shapes are drawn using the `<circle>` and `<rect>` elements, with coordinates and dimensions specified through `cx`, `cy`, `r`, `x`, `y`, `width`, and `height` attributes. A JavaScript console log statement is also present, though the visualization itself requires no dynamic interaction.

AI-generated description