Skip to content

mathieudutour/svg-path-visualizer

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
May 17, 2020 10:02
April 27, 2020 21:46
July 26, 2021 16:23
April 27, 2020 21:51
September 22, 2021 09:07

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

Stars

Watchers

Forks

Sponsor this project