Package Exports
- @visx/curve
- @visx/curve/esm/index.js
- @visx/curve/lib/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@visx/curve) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@visx/curve
Installation
npm install --save @visx/curveOverview
The @visx/curve package is a wrapper of the d3-shape curve
functions. A curve is a function that can be passed into other visx objects that draw lines or
paths, such as a LinePath, to change the way the line between points is drawn. Click on the
example below for an interactive way to explore curve aesthetics.
Any function with the prefix curve in d3 can be used through visx like so:
import { curveCatmullRomOpen } from '@visx/curve';
let line = (<Shape.LinePath curve={curveCatmullRomOpen} />)
// or if you want namespace all Curves under the `Curve`
import * as Curve from `@visx/curve`;
let line = (<Shape.LinePath curve={Curve.curveCatmullRomOpen} />)Functions
| visx | d3 |
|---|---|
| curveBasis | curveBasis |
| curveBasisClose | curveBasisClosed |
| curveBasisOpen | curveBasisOpen |
| curveStep | curveStep |
| curveStepAfter | curveStepAfter |
| curveStepBefore | curveStepbefore |
| curveBundle | curveBundle |
| curveLinear | curveLinear |
| curveLinearClosed | curveLinearClosed |
| curveMonotoneX | curveMonotoneX |
| curveMonotoneY | curveMonotoneY |
| curveCardinal | curveCardinal |
| curveCardinalClosed | curveCardinalClosed |
| curveCardinalOpen | curveCardinalOpen |
| curveCatmullRom | curveCatmullRom |
| curveCatmullRomClosed | curveCatmullRomClosed |
| curveCatmullRomOpen | curveCatmullRomOpen |
| curveNatural | curveNatural |