{"library":"react-boxplot","title":"React Box Plot Component","description":"react-boxplot is a React component for rendering simple SVG box plots. It provides flexibility for both horizontal and vertical orientations and aligns the major axis coordinate system with the original data values. The current stable version is 4.0.0. This library is a maintained fork of an originally abandoned repository, suggesting a slower, maintenance-driven release cadence focused on stability and bug fixes rather than rapid feature development. Its key differentiators include its pure SVG rendering, allowing for easy styling and scalability, and the option to either compute box plot statistics internally via `computeBoxplotStats` or provide pre-calculated statistics, catering to different data processing workflows.","language":"javascript","status":"maintenance","last_verified":"Sun Apr 19","install":{"commands":["npm install react-boxplot"],"cli":null},"imports":["import Boxplot from 'react-boxplot'","import { computeBoxplotStats } from 'react-boxplot'","import type { BoxplotProps } from 'react-boxplot'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport Boxplot, { computeBoxplotStats } from 'react-boxplot';\n\nconst values = [\n  14, 15, 16, 16, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 19, 19, 19, 20,\n  20, 20, 20, 20, 20, 21, 21, 22, 23, 24, 24, 29\n];\n\nconst BoxplotExample = () => (\n  <Boxplot\n    width={400}\n    height={20}\n    orientation=\"horizontal\"\n    min={0}\n    max={30}\n    stats={computeBoxplotStats(values)}\n  />\n);\n\nexport default BoxplotExample;\n","lang":"typescript","description":"This quickstart demonstrates rendering a horizontal box plot using `react-boxplot` by passing raw data values and letting the library compute the statistics.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}