Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

JP-SVG foundamental

Public visualization

JP-SVG foundamental

0 stars1🌍 Public
JJinpeng Li
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from HTML Starter

This example displays foundational SVG shapes, including circles, rectangles, ellipses, lines, polygons, and paths, rendered directly in an HTML document without external libraries. It uses the SVG namespace with attributes like `cx`, `ry`, `stroke-width`, and `points` to define each primitive, alongside fill and stroke styling. The code demonstrates both filled and transparent shapes with varied stroke colors, as well as a quadratic Bézier path via the `d` attribute. A static 1260×500 SVG canvas holds all elements, showing basic geometric drawing and styling techniques in a single view.

AI-generated description

This is for svg foundamental

Comments

Sign in to join the discussion.

MIT Licensed