@vx/stats

@vx/stats

Installation

npm install --save @vx/stats

Components

• BoxPlot
• ViolinPlot

API

<BoxPlot />

# BoxPlot.boxProps<object>

Default

{}

# BoxPlot.boxWidth<number>

# BoxPlot.children<func>

# BoxPlot.className<string>

# BoxPlot.container<bool>

Default

false

# BoxPlot.containerProps<object>

Default

{}

# BoxPlot.fill<string>

# BoxPlot.fillOpacity<union(number|string)>

# BoxPlot.firstQuartile<number>

# BoxPlot.horizontal<bool>

# BoxPlot.left<number>

Default

0

# BoxPlot.max<number>

# BoxPlot.maxProps<object>

Default

{}

# BoxPlot.median<number>

# BoxPlot.medianProps<object>

Default

{}

# BoxPlot.min<number>

# BoxPlot.minProps<object>

Default

{}

# BoxPlot.outlierProps<object>

Default

{}

# BoxPlot.outliers<array>

Default

[]

# BoxPlot.rx<number>

Default

2

# BoxPlot.ry<number>

Default

2

# BoxPlot.stroke<string>

# BoxPlot.strokeWidth<union(number|string)>

# BoxPlot.thirdQuartile<number>

# BoxPlot.top<number>

Default

0

# BoxPlot.valueScale<func>

<ViolinPlot />

# ViolinPlot.children<func>

# ViolinPlot.className<string>

# ViolinPlot.count<func>

Default

d => d.count

# ViolinPlot.data<array> required

# ViolinPlot.horizontal<bool>

# ViolinPlot.left<number>

Default

0

# ViolinPlot.top<number>

Default

0

# ViolinPlot.value<func>

Default

d => d.value

# ViolinPlot.valueScale<func>

# ViolinPlot.width<number>

Changelog

v0.0.195

:trophy: Contributors

• ptmx PR #631

:rocket: Enhancements

• [tooltip] useTooltip hook added

:boom: Breaking Changes

• [tooltip] internally introduces useState, requires bumping the peerDep for react to ^16.8.0-0

:memo: Documentation

• [tooltip] add useState to readme, add advice on HOC vs hooks
• [demo] Rewrite the BarStack demo to use useTooltip instead of withTooltip

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