TypeScript

svg-path-visualizer

Enter a SVG path data to visualize it and discover all its different commands

M

mathieudutour

Dernière activité 11 sept. 2026
mathieudutour/svg-path-visualizer

765

étoiles

55

forks

5

issues ouvertes

svgsvg-pathvisualization

Ce README est souvent en anglais.

SVG Path Visualizer 📐

→ SVG Path Visualizer 📐

I've been working with SVGs for some time and always struggled to understand the path data syntax so I figured I'd build a visualizer for it.

Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commands.

SVG Path Visualizer 📐

Contributing

I believe there is a lot of potential to explain more concept (Bezier curve, control points, etc.). I'd be happy to accept PRs!

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Run your tests

npm test

Projets similaires

Online editor to create and manipulate SVG paths

TypeScriptsvgsvg-editorsvg-parser
YYqnn
5,3 k étoiles423

🛹 Typescript tools for advanced processing of SVG path data.

TypeScriptabsolute-valuesconvert-to-pathjavascript
Tthednp
304 étoiles26

Parse SVG PathDatas

TypeScriptjavascriptsvgsvg-path
Nnfroidure
215 étoiles20