@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

API

<BoxPlot />

# BoxPlot.boxProps<object>
Default{}

# BoxPlot.boxWidth<number>

# BoxPlot.children<func>

# BoxPlot.className<string>

# BoxPlot.container<bool>
Defaultfalse

# BoxPlot.containerProps<object>
Default{}

# BoxPlot.fill<string>

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

# BoxPlot.firstQuartile<number>

# BoxPlot.horizontal<bool>

# BoxPlot.left<number>
Default0

# 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>
Default2

# BoxPlot.ry<number>
Default2

# BoxPlot.stroke<string>

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

# BoxPlot.thirdQuartile<number>

# BoxPlot.top<number>
Default0

# BoxPlot.valueScale<func>