SVG Path Analyzer

Analyse SVG path data. View parsed path commands, bounding box, path length, control points, and a visual breakdown of each segment.

Drop SVG file to analyse or click to browse

Extract path coordinates, length, bounds & georeference

Visual Path Render

Closed Paths Open Paths

How to Use

Paste SVG path data

Paste a path "d" attribute string or upload an SVG file.

Inspect the analysis

View: parsed commands, bounding box dimensions, total path length, number of subpaths, control points.

Visual inspection

See a rendered preview with each segment type highlighted in a different colour.

Understanding SVG Path Data

The SVG path "d" attribute is a compact but complex mini-language for describing vector shapes. A path like M 10 20 C 30 40 50 40 70 20 Z uses M (moveto), C (cubic bezier curve), and Z (closepath) commands. Understanding what each segment does is essential for working with SVG programmatically.

This analyzer parses the full SVG path specification (including absolute and relative variants of all commands: M, m, L, l, H, h, V, v, C, c, Q, q, A, a, Z, z) and provides a structured breakdown with a visual rendering.

Real-World Examples & Use Cases

Debugging SVG Paths

Inspect a complex SVG path to understand why it is not rendering as expected.

Learning SVG Path Syntax

Use the analyzer to understand what each path command does by seeing it highlighted visually.

Frequently Asked Questions

What is a subpath?▼

A subpath is a continuous section of a path starting with an M (moveto) command. A single "d" attribute can contain multiple subpaths.

Can this detect self-intersections?▼

Yes. The analyzer highlights segments where the path crosses itself.

What is the bounding box?▼

The bounding box is the smallest axis-aligned rectangle that completely contains the path. It is useful for knowing the extents and dimensions of the shape.

Related Tools

Explore other tools in this category.

SVG Path Length Calculator

Calculate the total length of SVG paths. Get exact path lengths in pixels, mm, or cm for animation timing, CNC cutting time estimation, and layout.

SVG Path Optimizer

Optimise SVG path data for smaller file size and cleaner code. Removes redundant commands, merges segments, applies relative coordinates, and rounds precision.

SVG Path to JSON Coordinates

Extract SVG path coordinates as JSON data. Parse SVG path "d" attribute commands and export X, Y points as a structured JSON array.

SVG Closed Path Checker

Check whether all paths in an SVG file are closed. Closed paths are required for laser cutting and CNC routing to produce complete cuts.

SVG Path to CSV Coordinates

Export SVG path coordinates as CSV data. Extract X, Y coordinate pairs from SVG paths for use in spreadsheets, databases, and data analysis tools.

SVG Path to XML Coordinates

Export SVG path coordinates as XML data. Convert SVG path geometry to structured XML for enterprise systems, APIs, and XML-based workflows.