@vx/curve

@vx/curve

Installation

npm install --save @vx/curve

Overview

The @vx/curve package is a wrapper of the d3-shape curve functions. A curve is a function that can be passed into other vx 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 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.198

:rocket: Enhancements

• feat(tooltip): add Portal and useTooltipInPortal #756
• feat(responsive): add leading option to resize debounce #754
• feat(axis): use numTicks when falling back on scale.domain #752
• feat(pattern): add diagonal right to left pattern #744
• feat(legend): add Line shape, legendLabelProps, and more props in renderShape #749

💥 Breaking Changes

• feat(responsive): resize debounce now defaults to true which will result in an additional render #754
• feat(tooltip): add offsetLeft/Top to TooltipProps, making TooltipProps === TooltipWithBoundsProps, adds additional 10px of padding to Tooltip left/top #756

:bug: Bug Fix

• fix(responsive): remove debounced calls after unmounnt #558

:house: Internal

• (demo): add static export deploys #741

:trophy: Contributors

• claisne
• dennisja
• hshoff
• Pringels
• williaster

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