React components to draw different types of curves with svg. It wraps all the curve paths from d3-shape.
Install
npm install react-svg-curve
Use
import { BasisCurve } from 'react-svg-curve'; function App() { return ( <svg width="100" height="40"> <BasisCurve data={[ [0, 10], [50, 35], [100, 0], ]} /> </svg> ); }
BasisCurve is one of many types of curves available. Go to the demo on codesandbox to see all the curves and options.