https://github.com/pomber/react-svg-curve

React components to draw different types of curves with svg
https://github.com/pomber/react-svg-curve

bezier curve path react smooth spline svg

Last synced: about 2 months ago
JSON representation

React components to draw different types of curves with svg

• Host: GitHub
• URL: https://github.com/pomber/react-svg-curve
• Owner: pomber
• License: mit
• Created: 2020-04-16T19:54:45.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-01T21:25:39.000Z (about 4 years ago)
• Last Synced: 2024-05-12T04:33:01.213Z (4 months ago)
• Topics: bezier, curve, path, react, smooth, spline, svg
• Language: TypeScript
• Homepage: https://codesandbox.io/embed/react-svg-curve-71nnp?fontsize=14&hidenavigation=1&theme=dark&view=preview
• Size: 632 KB
• Stars: 53
• Watchers: 5
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

• awesome-list - react-svg-curve

README

        
# react-svg-curve

React components to draw different types of curves with `svg`. It wraps all the curve paths from [d3-shape](https://github.com/d3/d3-shape/blob/master/README.md#curves).

Install

```bash

npm install react-svg-curve

```

Use

```jsx

import { BasisCurve } from 'react-svg-curve';

function App() {

  return (

    

      

    

  );

}

```

`BasisCurve` is one of many types of curves available. Go to [the **demo** on codesandbox](https://codesandbox.io/embed/react-svg-curve-71nnp?fontsize=14&hidenavigation=1&theme=dark&view=preview) to see all the curves and options.