text: import "../../../node_modules/react-vis/dist/style.css";
  import {
    XYPlot,
    LineSeries,
    XAxis,
    YAxis,
    VerticalGridLines,
    HorizontalGridLines,
  } from "react-vis";
  
  const Chart = () => {
    const data = [
      { x: 0, y: 8 },
      { x: 1, y: 5 },
      { x: 2, y: 4 },
      { x: 3, y: 9 },
      { x: 4, y: 1 },
      { x: 5, y: 7 },
      { x: 6, y: 6 },
      { x: 7, y: 3 },
      { x: 8, y: 2 },
      { x: 9, y: 0 },
    ];
    return (
      <div style={{ marginTop: "15px" }}>
        <XYPlot height={300} width={300}>
          <VerticalGridLines />
          <HorizontalGridLines />
          <XAxis />
          <YAxis />
          <LineSeries data={data} color="red" />
          <LineSeries data={data} color="purple" />
          <LineSeries data={data} color="yellow" />
        </XYPlot>
      </div>
    );
  };
  
  export default Chart;
  