Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

mathieudutour/svg-path-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

158 Commits

Repository files navigation

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

yarn

Compiles and hot-reloads for development

yarn start

Compiles and minifies for production

yarn build

Run your tests

yarn test

About

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

Topics

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

Contributors 6

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /