Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MoveTo Path Command Test

Public visualization

Viewing a saved revision (read-only)

6afc246c010f4eecabff1d7e4142b4c6

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.