@vx/curve

@vx/curve

npm install --save @vx/curve

Overview

A curve is a function that can be passed into other vx objects, mainly a LinePath to change the way the line is structured.

For example, checkout the difference between a Curve.natural:

and a Curve.step:

The @vx/curve package is a wrapper over d3-shape curve functions.

Any function with the prefix curve in d3 can be used through vx like so:

import { curveCatmullRomOpen } from '@vx/curve';
let line = (<Shape.LinePath curve={curveCatmullRomOpen} />)

// or if you want namespace all Curves under the `Curve`
import * as Curve from `@vx/curve`;
let line = (<Shape.LinePath curve={Curve.curveCatmullRomOpen} />)

Functions

vx	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

Changelog

v0.0.189

:boom: Breaking Changes

• [shape] <Arc /> and <Pie pieValue={} /> props now check for !== undefined. Before 0 wouldn't set the prop to 0 because if (0) is false. This is only a breaking change if you were passing 0 before and happy with <Arc /> treating that as undefined and using d3.arc() defaults. #464
• [zoom] make wheel event active by default. fixes Chrome 73 scroll intervention warning. #456
  • To keep the default behavior before Chrome 73 and remove console warnings in Chrome 73, remove:

    <MyComponent
    - onWheel={zoom.handleWheel}
    />
    

  • To make the onWheel events passive, add:

    <Zoom
    + passive={true}
    >
      {zoom => {
        return (
          <MyComponent
    +      onWheel={zoom.handleWheel}
          /> 
        );
      }}
    </Zoom>
    

:rocket: Enhancements

• [responsive][shape][text][geo] update innerRef propType to include PropType.object. #446

:bug: Bug Fix

• [text] move Babel dependencies to dev only. #461
• [shape] <Arc /> now respects 0 as an allowed prop value. #464
• [shape] <Pie /> pieValue now respects 0 as an allowed prop value. #464

:memo: Documentation

• [docs] update docs. #446
• [glyph] fixes outdated @vx/glyph examples in the readme docs. #454

:house: Internal

• [internal] fix jest code coverage, update jest, move to babel.config.js + jest.config.js. #439
• [internal] babel preset env target explorer => ie. #446
• [internal] babel preset env target remove ucandroid. #446
• [shape] add more <Arc /> tests. #464
• [shape] convert Arc.test from CRLF => LF. #464

:trophy: Contributors

• hshoff
• milesj

Changes:
 - @vx/annotation: 0.0.184 => 0.0.189
 - @vx/axis: 0.0.184 => 0.0.189
 - @vx/bounds: 0.0.182 => 0.0.189
 - @vx/boxplot: 0.0.183 => 0.0.189
 - @vx/brush: 0.0.182 => 0.0.189
 - @vx/chord: 0.0.183 => 0.0.189
 - @vx/clip-path: 0.0.183 => 0.0.189
 - @vx/curve: 0.0.182 => 0.0.189
 - @vx/demo: 0.0.188 => 0.0.189
 - @vx/drag: 0.0.183 => 0.0.189
 - @vx/event: 0.0.182 => 0.0.189
 - @vx/geo: 0.0.187 => 0.0.189
 - @vx/glyph: 0.0.183 => 0.0.189
 - @vx/gradient: 0.0.183 => 0.0.189
 - @vx/grid: 0.0.184 => 0.0.189
 - @vx/group: 0.0.183 => 0.0.189
 - @vx/heatmap: 0.0.183 => 0.0.189
 - @vx/hierarchy: 0.0.183 => 0.0.189
 - @vx/legend: 0.0.183 => 0.0.189
 - @vx/marker: 0.0.184 => 0.0.189
 - @vx/mock-data: 0.0.185 => 0.0.189
 - @vx/network: 0.0.183 => 0.0.189
 - @vx/pattern: 0.0.183 => 0.0.189
 - @vx/point: 0.0.182 => 0.0.189
 - @vx/responsive: 0.0.188 => 0.0.189
 - @vx/scale: 0.0.182 => 0.0.189
 - @vx/shape: 0.0.184 => 0.0.189
 - @vx/stats: 0.0.183 => 0.0.189
 - @vx/text: 0.0.183 => 0.0.189
 - @vx/threshold: 0.0.184 => 0.0.189
 - @vx/tooltip: 0.0.184 => 0.0.189
 - @vx/voronoi: 0.0.183 => 0.0.189
 - @vx/vx: 0.0.188 => 0.0.189
 - @vx/zoom: 0.0.185 => 0.0.189