new

src/components/charts/Chart.js

-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;