Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MoveTo Path Command Test

Public visualization

MoveTo Path Command Test

0 stars1🌍 Public
Aavaline05
Last edited Dec 3, 2022
Created on Dec 3, 2022

This example demonstrates how the SVG path `d` attribute uses the `M` (moveto) and `m` (relative moveto) commands to define a series of disconnected line segments, all rendered with a single navy stroke and no fill. The path begins at (10,10) and draws horizontal segments using relative `h` commands, with absolute `M` commands jumping to new starting points such as (40,20) and (50,50). The `viewBox` scales the 100×100 coordinate system to fit. The rendering relies on standard SVG path syntax without any external JavaScript libraries, using only a plain `<path>` element.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed