Skip to content

pomber/react-svg-curve

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

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.