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.