@vx/boxplot

@vx/boxplot

A boxplot shows the minimum, maximum, and quartiles of a dataset.

You can pass in props to target the min, max, median, and box (interquartile range) shapes using minProps, maxProps, medianProps, and boxProps.

If you are looking to add events over the each boxplot group you can pass in container={true} and containerProps={{ /** */ }}.

Installation

npm install --save @vx/boxplot

Components

• BoxPlot

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>

Changelog

v0.0.192

See #484 for details.

:boom: Breaking Changes

• [breaking] Deprecate build/ and dist/, use lib/ and esm/ instead
• [breaking] Deprecate umd builds

:house: Internal

• use babel not rollup
• use yarn not npm
  • this will enable workspaces so that we can push all config to the root instead of duplicating across every package as is the case now
• Stricter linting rules (e.g., .jsx required for React files)

:trophy: Contributors

• williaster

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