mathieudutour / Svg Path Visualizer
Enter a SVG path data to visualize it and discover all its different commands
Stars: ✭ 218
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Svg Path Visualizer
Animating Vue Workshop
Animated Interfaces with Vue.js Workshop Materials
Stars: ✭ 195 (-10.55%)
Mutual labels: svg
Ng Inline Svg
[Inactive] Angular directive for inserting an SVG file inline within an element.
Stars: ✭ 211 (-3.21%)
Mutual labels: svg
Shields
Concise, consistent, and legible badges in SVG and raster format
Stars: ✭ 15,716 (+7109.17%)
Mutual labels: svg
Svgbob
Convert your ascii diagram scribbles into happy little SVG
Stars: ✭ 3,031 (+1290.37%)
Mutual labels: svg
React Simple Maps
Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Stars: ✭ 2,360 (+982.57%)
Mutual labels: svg
Visualizer
UI-Router state visualizer and transition visualizer
Stars: ✭ 205 (-5.96%)
Mutual labels: svg
Contrast Swatch
🅰️ Image microservice for color contrast information
Stars: ✭ 210 (-3.67%)
Mutual labels: svg
Svg Text Animate
A Javascript library for convert texts to SVG stroke animations in the browser.
Stars: ✭ 197 (-9.63%)
Mutual labels: svg
Snap.svg
The JavaScript library for modern SVG graphics.
Stars: ✭ 13,346 (+6022.02%)
Mutual labels: svg
Vue Awesome
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
Stars: ✭ 2,302 (+955.96%)
Mutual labels: svg
Kld Intersections
A library of intersection algorithms covering all SVG shape types
Stars: ✭ 214 (-1.83%)
Mutual labels: svg
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (-11.47%)
Mutual labels: svg
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-5.96%)
Mutual labels: svg
Svg Url Loader
A webpack loader which loads SVG file as utf-8 encoded DataUrl string.
Stars: ✭ 217 (-0.46%)
Mutual labels: svg
React Sigma
Lightweight React library for drawing network graphs built on top of SigmaJS
Stars: ✭ 217 (-0.46%)
Mutual labels: svg
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.
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].