react-svg-curve
v0.2.1
Published
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).
Downloads
711
Readme
react-svg-curve
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.