victoryで箱ひげ図を書く

victory-boxplot.tsx

"use client";
import React from "react";
import { VictoryPie, VictoryChart, VictoryBoxPlot, VictoryTheme } from "victory";

export default function PieChart(){
    return (
        <VictoryChart
            domainPadding={20}
            theme={VictoryTheme.grayscale}>
            <VictoryBoxPlot
                horizontal
                boxWidth={10}
                whiskerWidth={5}
                data={[
                    { x: 1, y: [1, 2, 3, 5] },
                    { x: 2, y: [3, 2, 8, 10] },
                    { x: 3, y: [2, 8, 6, 5] },
                    { x: 4, y: [1, 3, 2, 9] }
                ]}
            />
        </VictoryChart>
    );
};