diff --git a/packages/@coorpacademy-components/package.json b/packages/@coorpacademy-components/package.json
index 7d4c8f2a14..7909172001 100644
--- a/packages/@coorpacademy-components/package.json
+++ b/packages/@coorpacademy-components/package.json
@@ -79,6 +79,7 @@
     "react-autosuggest": "^10.0.2",
     "react-dropzone": "^9.0.0",
     "react-tooltip": "4.5.1",
+    "recharts": "^2.12.2",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/index.js b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/index.js
new file mode 100644
index 0000000000..c2b2697525
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/index.js
@@ -0,0 +1,250 @@
+import React, {useCallback, useEffect, useState} from 'react';
+import PropTypes from 'prop-types';
+import {
+  Radar,
+  RadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  ResponsiveContainer,
+  Tooltip,
+  PolarRadiusAxis
+} from 'recharts';
+import {find, findIndex, get} from 'lodash/fp';
+import classnames from 'classnames';
+import style from './style.css';
+
+const Gradient = ({type}) => (
+  <defs>
+    <linearGradient id={`${type}-gradient`} x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stopColor="#0062ffff" />
+      <stop offset="100%" stopColor={type === 'fill' ? '#8000ff85' : '#8000FF'} />
+    </linearGradient>
+  </defs>
+);
+
+// TICK_POSITIONS
+const top = {
+  offset: {x: -100, y: -65},
+  alignment: 'center',
+  margin: 'auto'
+};
+
+const bottom = {
+  offset: {x: -100, y: 10},
+  alignment: 'center',
+  margin: 'auto'
+};
+
+const right = {
+  offset: {x: 30, y: -10},
+  alignment: 'start',
+  marginRigth: 'auto'
+};
+
+const left = {
+  offset: {x: -230, y: -10},
+  alignment: 'end',
+  marginLeft: 'auto'
+};
+
+const CHART_TYPES = {
+  hexagon: 'hexagon',
+  pentagon: 'pentagon',
+  quadrilateral: 'quadrilateral',
+  triangle: 'triangle'
+};
+
+const TICK_CUSTOM_STYLE = {
+  [CHART_TYPES.hexagon]: {
+    0: top,
+    1: right,
+    2: right,
+    3: bottom,
+    4: left,
+    5: left
+  },
+  [CHART_TYPES.pentagon]: {
+    0: top,
+    1: right,
+    2: right,
+    3: left,
+    4: left
+  },
+  [CHART_TYPES.quadrilateral]: {
+    0: top,
+    1: right,
+    2: bottom,
+    3: left
+  },
+  [CHART_TYPES.triangle]: {
+    0: top,
+    1: right,
+    2: left
+  }
+};
+
+const buildCustomTick = (index, x, y, currentValue, label, activeDot, chartType) => {
+  const isDotActive = activeDot === index;
+  const {
+    offset: {x: offsetX, y: offsetY},
+    alignment,
+    ...rest
+  } = get([chartType, index], TICK_CUSTOM_STYLE);
+
+  return (
+    <g>
+      <foreignObject x={x + offsetX} y={y + offsetY} width="200" height="65">
+        <div
+          className={classnames(style.tickWrapper, isDotActive && style.tickWrapperFocus)}
+          style={{...rest, alignItems: alignment, textAlign: alignment}}
+        >
+          <span className={style.tickValue}>{currentValue}%</span>
+          <span className={style.tickLabel}>{label}</span>
+        </div>
+      </foreignObject>
+    </g>
+  );
+};
+
+const CustomDot = ({index, cx, cy, payload: {name}, onDotClick, activeDot}) => {
+  const defaultDotProps = {
+    cx,
+    cy,
+    r: 8,
+    stroke: 'url(#stroke-gradient)',
+    strokeWidth: 4,
+    strokeOpacity: 0.2,
+    fill: 'white',
+    onClick: () => onDotClick(name),
+    style: {cursor: 'pointer'}
+  };
+
+  const activeDotProps = {
+    ...defaultDotProps,
+    r: 12,
+    strokeWidth: 6,
+    strokeOpacity: 0.5
+  };
+
+  const props = {
+    ...defaultDotProps,
+    ...(activeDot === index && activeDotProps)
+  };
+
+  return <circle {...props} />;
+};
+
+const LearningProfileRadarChart = ({data, onClick}, context) => {
+  const [isMobile, setIsMobile] = useState(false);
+  const [activeDot, setActiveDot] = useState(null);
+
+  const getIsMobile = useCallback(() => {
+    const userAgent = navigator.userAgent.toLowerCase();
+    const isMobile_ = /iphone|ipad|ipod|android|blackberry|windows phone/g.test(userAgent);
+    setIsMobile(isMobile_);
+  }, []);
+
+  useEffect(() => {
+    getIsMobile();
+    window.addEventListener('resize', getIsMobile);
+
+    return () => {
+      window.removeEventListener('resize', getIsMobile);
+    };
+  }, [getIsMobile]);
+
+  useEffect(() => {
+    const handleClick = () => {
+      setActiveDot(null);
+    };
+
+    activeDot !== null && window.addEventListener('click', handleClick);
+
+    return () => {
+      window.removeEventListener('click', handleClick);
+    };
+  }, [activeDot]);
+
+  function handleOnDotClick(label) {
+    const index = findIndex({subject: label}, data);
+    setActiveDot(index);
+  }
+
+  const getChartType = useCallback(() => {
+    switch (data.length) {
+      case 3:
+        return CHART_TYPES.triangle;
+      case 4:
+        return CHART_TYPES.quadrilateral;
+      case 5:
+        return CHART_TYPES.pentagon;
+      case 6:
+        return CHART_TYPES.hexagon;
+    }
+  }, [data]);
+  const chartType = getChartType();
+
+  function renderCustomTick({x, y, payload, index}) {
+    if (isMobile) return;
+
+    const {value: label} = payload;
+    const {value: currentValue} = find({subject: label}, data);
+
+    return buildCustomTick(index, x, y, currentValue, label, activeDot, chartType);
+  }
+
+  return (
+    <ResponsiveContainer width="100%" height="100%">
+      <RadarChart cx="50%" cy="50%" outerRadius="80%" data={data}>
+        <svg>
+          <Gradient type="fill" />
+          <Gradient type="stroke" />
+        </svg>
+        {/* possible to pass gridType="circle" */}
+        <PolarGrid strokeDasharray={15} strokeWidth={3} radialLines={false} />
+        <PolarAngleAxis dataKey="subject" tick={renderCustomTick} />
+        <PolarRadiusAxis tick={false} axisLine={false} domain={[0, 100]} />
+        <Radar
+          name="dataset-1"
+          dataKey="value"
+          stroke="url(#stroke-gradient)"
+          strokeWidth={6}
+          strokeOpacity={0.2}
+          fill="url(#fill-gradient)"
+          fillOpacity={0.2}
+          dot={<CustomDot onDotClick={handleOnDotClick} activeDot={activeDot} />}
+          activeDot={{stroke: '#0061FF', r: 6, strokeWidth: 4, fill: 'white'}}
+        />
+        {isMobile ? <Tooltip cursor={false} /> : null}
+      </RadarChart>
+    </ResponsiveContainer>
+  );
+};
+
+LearningProfileRadarChart.propTypes = {
+  data: PropTypes.arrayOf(
+    PropTypes.shape({
+      subject: PropTypes.string,
+      value: PropTypes.number,
+      fullMark: PropTypes.number
+    })
+  ),
+  onClick: PropTypes.func
+};
+
+CustomDot.propTypes = {
+  cx: PropTypes.number,
+  cy: PropTypes.number,
+  payload: PropTypes.shape({
+    name: PropTypes.string
+  }),
+  onDotClick: PropTypes.func,
+  index: PropTypes.number,
+  activeDot: PropTypes.number
+};
+
+Gradient.propTypes = {
+  type: PropTypes.string
+};
+
+export default LearningProfileRadarChart;
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/style.css b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/style.css
new file mode 100644
index 0000000000..504fe24ac7
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/style.css
@@ -0,0 +1,35 @@
+
+.tickWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: end;
+    gap: 6px;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    font-family: 'Gilroy';
+    font-weight: 600;
+    padding: 0px 12px;
+    box-sizing: border-box;
+}
+
+.tickWrapperFocus {
+    background-color: #FAFAFA;
+    border-radius: 12px;
+    width: fit-content;
+}
+
+.tickValue {
+    color: #0061FF;
+    background: linear-gradient(to bottom, rgba(0, 97, 255, 0.1), rgba(128, 0, 255, 0.1));
+    padding: 4px;
+    border-radius: 12px;
+}
+
+.tickLabel {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: normal;
+    width: 100%;
+}
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/hexagon.js b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/hexagon.js
new file mode 100644
index 0000000000..d8b9e00cb0
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/hexagon.js
@@ -0,0 +1,39 @@
+export default {
+  props: {
+    data: [
+      {
+        subject: 'Adaptability and resilience',
+        value: 15.6,
+        fullMark: 100
+      },
+      {
+        subject: 'Digital culture',
+        value: 43.8,
+        fullMark: 100
+      },
+      {
+        subject: 'Problem solving',
+        value: 56.4,
+        fullMark: 100
+      },
+      {
+        subject: 'Leadership',
+        value: 59.1,
+        fullMark: 100
+      },
+      {
+        subject: 'Time management',
+        value: 34.9,
+        fullMark: 100
+      },
+      {
+        subject: 'Sustainable thinking',
+        value: 82.3,
+        fullMark: 100
+      }
+    ],
+    onClick: () => {
+      console.log('on click');
+    }
+  }
+};
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/pentagon.js b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/pentagon.js
new file mode 100644
index 0000000000..7f4eeda784
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/pentagon.js
@@ -0,0 +1,34 @@
+export default {
+  props: {
+    data: [
+      {
+        subject: 'Adaptability and resilience',
+        value: 15.6,
+        fullMark: 100
+      },
+      {
+        subject: 'Digital culture',
+        value: 43.8,
+        fullMark: 100
+      },
+      {
+        subject: 'Problem solving',
+        value: 56.4,
+        fullMark: 100
+      },
+      {
+        subject: 'Leadership',
+        value: 59.1,
+        fullMark: 100
+      },
+      {
+        subject: 'Time management',
+        value: 34.9,
+        fullMark: 100
+      }
+    ],
+    onClick: () => {
+      console.log('on click');
+    }
+  }
+};
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/quadrilateral.js b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/quadrilateral.js
new file mode 100644
index 0000000000..5e0027ec4e
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/quadrilateral.js
@@ -0,0 +1,29 @@
+export default {
+  props: {
+    data: [
+      {
+        subject: 'Adaptability and resilience',
+        value: 15.6,
+        fullMark: 100
+      },
+      {
+        subject: 'Digital culture',
+        value: 43.8,
+        fullMark: 100
+      },
+      {
+        subject: 'Problem solving',
+        value: 56.4,
+        fullMark: 100
+      },
+      {
+        subject: 'Leadership',
+        value: 59.1,
+        fullMark: 100
+      }
+    ],
+    onClick: () => {
+      console.log('on click');
+    }
+  }
+};
diff --git a/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/triangle.js b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/triangle.js
new file mode 100644
index 0000000000..bfeb70b03f
--- /dev/null
+++ b/packages/@coorpacademy-components/src/molecule/learning-profile-radar-chart/test/fixtures/triangle.js
@@ -0,0 +1,24 @@
+export default {
+  props: {
+    data: [
+      {
+        subject: 'Adaptability and resilience',
+        value: 30,
+        fullMark: 100
+      },
+      {
+        subject: 'Digital culture',
+        value: 80,
+        fullMark: 100
+      },
+      {
+        subject: 'Problem solving',
+        value: 50,
+        fullMark: 100
+      }
+    ],
+    onClick: () => {
+      console.log('on click');
+    }
+  }
+};
diff --git a/yarn.lock b/yarn.lock
index fe0061514f..78c2e398db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1591,6 +1591,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
+  integrity sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.0.0", "@babel/template@^7.12.7", "@babel/template@^7.18.10":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
@@ -4313,6 +4320,57 @@
   dependencies:
     "@types/node" "*"
 
+"@types/d3-array@^3.0.3":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@types/d3-array/-/d3-array-3.2.1.tgz#1f6658e3d2006c4fceac53fde464166859f8b8c5"
+  integrity sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==
+
+"@types/d3-color@*":
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-3.1.3.tgz#368c961a18de721da8200e80bf3943fb53136af2"
+  integrity sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==
+
+"@types/d3-ease@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-ease/-/d3-ease-3.0.2.tgz#e28db1bfbfa617076f7770dd1d9a48eaa3b6c51b"
+  integrity sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==
+
+"@types/d3-interpolate@^3.0.1":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz#412b90e84870285f2ff8a846c6eb60344f12a41c"
+  integrity sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==
+  dependencies:
+    "@types/d3-color" "*"
+
+"@types/d3-path@*":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-path/-/d3-path-3.1.0.tgz#2b907adce762a78e98828f0b438eaca339ae410a"
+  integrity sha512-P2dlU/q51fkOc/Gfl3Ul9kicV7l+ra934qBFXCFhrZMOL6du1TM0pm1ThYvENukyOn5h9v+yMJ9Fn5JK4QozrQ==
+
+"@types/d3-scale@^4.0.2":
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale/-/d3-scale-4.0.8.tgz#d409b5f9dcf63074464bf8ddfb8ee5a1f95945bb"
+  integrity sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==
+  dependencies:
+    "@types/d3-time" "*"
+
+"@types/d3-shape@^3.1.0":
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-3.1.6.tgz#65d40d5a548f0a023821773e39012805e6e31a72"
+  integrity sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==
+  dependencies:
+    "@types/d3-path" "*"
+
+"@types/d3-time@*", "@types/d3-time@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-3.0.3.tgz#3c186bbd9d12b9d84253b6be6487ca56b54f88be"
+  integrity sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw==
+
+"@types/d3-timer@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/d3-timer/-/d3-timer-3.0.2.tgz#70bbda77dc23aa727413e22e214afa3f0e852f70"
+  integrity sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==
+
 "@types/eslint-scope@^3.7.3":
   version "3.7.4"
   resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16"
@@ -7021,6 +7079,11 @@ clone@^1.0.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
+clsx@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.0.tgz#e851283bcb5c80ee7608db18487433f7b23f77cb"
+  integrity sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==
+
 cmd-shim@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-5.0.0.tgz#8d0aaa1a6b0708630694c4dbde070ed94c707724"
@@ -7927,6 +7990,77 @@ cyclist@^1.0.1:
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A==
 
+"d3-array@2 - 3", "d3-array@2.10.0 - 3", d3-array@^3.1.6:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-3.2.4.tgz#15fec33b237f97ac5d7c986dc77da273a8ed0bb5"
+  integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
+  dependencies:
+    internmap "1 - 2"
+
+"d3-color@1 - 3":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2"
+  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
+
+d3-ease@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-ease/-/d3-ease-3.0.1.tgz#9658ac38a2140d59d346160f1f6c30fda0bd12f4"
+  integrity sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==
+
+"d3-format@1 - 3":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.0.tgz#9260e23a28ea5cb109e93b21a06e24e2ebd55641"
+  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+
+"d3-interpolate@1.2.0 - 3", d3-interpolate@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz#3c47aa5b32c5b3dfb56ef3fd4342078a632b400d"
+  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
+  dependencies:
+    d3-color "1 - 3"
+
+d3-path@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-3.1.0.tgz#22df939032fb5a71ae8b1800d61ddb7851c42526"
+  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+
+d3-scale@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-4.0.2.tgz#82b38e8e8ff7080764f8dcec77bd4be393689396"
+  integrity sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==
+  dependencies:
+    d3-array "2.10.0 - 3"
+    d3-format "1 - 3"
+    d3-interpolate "1.2.0 - 3"
+    d3-time "2.1.1 - 3"
+    d3-time-format "2 - 4"
+
+d3-shape@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-3.2.0.tgz#a1a839cbd9ba45f28674c69d7f855bcf91dfc6a5"
+  integrity sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==
+  dependencies:
+    d3-path "^3.1.0"
+
+"d3-time-format@2 - 4":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-4.1.0.tgz#7ab5257a5041d11ecb4fe70a5c7d16a195bb408a"
+  integrity sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==
+  dependencies:
+    d3-time "1 - 3"
+
+"d3-time@1 - 3", "d3-time@2.1.1 - 3", d3-time@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-3.1.0.tgz#9310db56e992e3c0175e1ef385e545e48a9bb5c7"
+  integrity sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==
+  dependencies:
+    d3-array "2 - 3"
+
+d3-timer@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-3.0.1.tgz#6284d2a2708285b1abb7e201eda4380af35e63b0"
+  integrity sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==
+
 dargs@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
@@ -8016,6 +8150,11 @@ decamelize@^1.1.0, decamelize@^1.1.2, decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
+decimal.js-light@^2.4.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/decimal.js-light/-/decimal.js-light-2.5.1.tgz#134fd32508f19e208f4fb2f8dac0d2626a867934"
+  integrity sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==
+
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
@@ -8317,6 +8456,14 @@ dom-converter@^0.2.0:
   dependencies:
     utila "~0.4"
 
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -9465,7 +9612,7 @@ event-target-shim@^5.0.0, event-target-shim@^5.0.1:
   resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
-eventemitter3@^4.0.0, eventemitter3@^4.0.4:
+eventemitter3@^4.0.0, eventemitter3@^4.0.1, eventemitter3@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
@@ -9639,6 +9786,11 @@ fast-diff@^1.1.2, fast-diff@^1.2.0:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
+fast-equals@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/fast-equals/-/fast-equals-5.0.1.tgz#a4eefe3c5d1c0d021aeed0bc10ba5e0c12ee405d"
+  integrity sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==
+
 fast-glob@3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
@@ -11316,6 +11468,11 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
+"internmap@1 - 2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-2.0.3.tgz#6685f23755e43c524e251d29cbc97248e3061009"
+  integrity sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==
+
 interpret@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
@@ -15703,16 +15860,16 @@ react-is@17.0.2, "react-is@^16.12.0 || ^17.0.0", react-is@^17.0.0, react-is@^17.
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
+react-is@^16.10.2, react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0, react-is@^16.8.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
 "react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0, react-is@^16.8.1:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
 react-native-animatable@1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/react-native-animatable/-/react-native-animatable-1.3.3.tgz#a13a4af8258e3bb14d0a9d839917e9bb9274ec8a"
@@ -15891,6 +16048,15 @@ react-shallow-renderer@^16.13.1:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
+react-smooth@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/react-smooth/-/react-smooth-4.0.0.tgz#69e560ab69b69a066187d70cb92c1a664f7f046a"
+  integrity sha512-2NMXOBY1uVUQx1jBeENGA497HK20y6CPGYL1ZnJLeoQ8rrc3UfmOM82sRxtzpcoCkUMy4CS0RGylfuVhuFjBgg==
+  dependencies:
+    fast-equals "^5.0.1"
+    prop-types "^15.8.1"
+    react-transition-group "^4.4.5"
+
 react-test-renderer@^17.0.0:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
@@ -15921,6 +16087,16 @@ react-tooltip@4.5.1:
     prop-types "^15.8.1"
     uuid "^7.0.3"
 
+react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
@@ -16084,6 +16260,27 @@ recast@^0.20.4:
     source-map "~0.6.1"
     tslib "^2.0.1"
 
+recharts-scale@^0.4.4:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/recharts-scale/-/recharts-scale-0.4.5.tgz#0969271f14e732e642fcc5bd4ab270d6e87dd1d9"
+  integrity sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==
+  dependencies:
+    decimal.js-light "^2.4.1"
+
+recharts@^2.12.2:
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/recharts/-/recharts-2.12.2.tgz#e2ee5ecad884ff3cb2192e615add75e20c3a276a"
+  integrity sha512-9bpxjXSF5g81YsKkTSlaX7mM4b6oYI1mIYck6YkUcWuL3tomADccI51/6thY4LmvhYuRTwpfrOvE80Zc3oBRfQ==
+  dependencies:
+    clsx "^2.0.0"
+    eventemitter3 "^4.0.1"
+    lodash "^4.17.21"
+    react-is "^16.10.2"
+    react-smooth "^4.0.0"
+    recharts-scale "^0.4.4"
+    tiny-invariant "^1.3.1"
+    victory-vendor "^36.6.8"
+
 rechoir@^0.7.0:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686"
@@ -16136,6 +16333,11 @@ regenerator-runtime@^0.13.2, regenerator-runtime@^0.13.4, regenerator-runtime@^0
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
   integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
 
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
 regenerator-transform@^0.15.0:
   version "0.15.0"
   resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.0.tgz#cbd9ead5d77fae1a48d957cf889ad0586adb6537"
@@ -17875,6 +18077,11 @@ tiny-invariant@^1.0.2:
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
   integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
 
+tiny-invariant@^1.3.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
+  integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
+
 tiny-warning@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
@@ -18627,6 +18834,26 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
+victory-vendor@^36.6.8:
+  version "36.9.1"
+  resolved "https://registry.yarnpkg.com/victory-vendor/-/victory-vendor-36.9.1.tgz#a7536766ca9725711c7dc1a36dd1d1d248cfa22d"
+  integrity sha512-+pZIP+U3pEJdDCeFmsXwHzV7vNHQC/eIbHklfe2ZCZqayYRH7lQbHcVgsJ0XOOv27hWs4jH4MONgXxHMObTMSA==
+  dependencies:
+    "@types/d3-array" "^3.0.3"
+    "@types/d3-ease" "^3.0.0"
+    "@types/d3-interpolate" "^3.0.1"
+    "@types/d3-scale" "^4.0.2"
+    "@types/d3-shape" "^3.1.0"
+    "@types/d3-time" "^3.0.0"
+    "@types/d3-timer" "^3.0.0"
+    d3-array "^3.1.6"
+    d3-ease "^3.0.1"
+    d3-interpolate "^3.0.1"
+    d3-scale "^4.0.2"
+    d3-shape "^3.1.0"
+    d3-time "^3.0.0"
+    d3-timer "^3.0.1"
+
 vlq@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/vlq/-/vlq-1.0.1.tgz#c003f6e7c0b4c1edd623fd6ee50bbc0d6a1de468"