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).
Last updated 7 months ago by pomber .
MIT · Original npm · Tarball · package.json
$ cnpm install react-svg-curve 
SYNC missed versions from official npm registry.

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.

Current Tags

  • 0.2.1                                ...           latest (7 months ago)

5 Versions

  • 0.2.1                                ...           7 months ago
  • 0.2.0                                ...           7 months ago
  • 0.1.5                                ...           7 months ago
  • 0.1.4                                ...           7 months ago
  • 0.1.3                                ...           7 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 1
Last Month 2
Dependencies (2)
Dev Dependencies (9)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |