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