diff --git a/package-lock.json b/package-lock.json
index 32ce2b4..b0bfef4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@heroicons/react": "^2.0.18",
         "@sentry/nextjs": "^7.74.1",
         "bluebird": "^3.7.2",
+        "chart.js": "^4.4.0",
         "clsx": "^2.0.0",
         "encoding": "^0.1.13",
         "moment": "^2.29.4",
@@ -18,6 +19,7 @@
         "next-build-id": "^3.0.0",
         "node-fetch-cache": "^3.1.3",
         "react": "^18",
+        "react-chartjs-2": "^5.2.0",
         "react-country-flag": "^3.1.0",
         "react-dom": "^18",
         "sharp": "^0.32.6",
@@ -220,6 +222,11 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz",
+      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw=="
+    },
     "node_modules/@next/env": {
       "version": "13.5.6",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
@@ -1500,6 +1507,17 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chart.js": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.0.tgz",
+      "integrity": "sha512-vQEj6d+z0dcsKLlQvbKIMYFHd3t8W/7L2vfJIbYcfyPcRx92CsHqECpueN8qVGNlKyDcr5wBrYAYKnfu/9Q1hQ==",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=7"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
@@ -4580,6 +4598,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-chartjs-2": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.2.0.tgz",
+      "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==",
+      "peerDependencies": {
+        "chart.js": "^4.1.1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-country-flag": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/react-country-flag/-/react-country-flag-3.1.0.tgz",
diff --git a/package.json b/package.json
index d285392..30d9eac 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@heroicons/react": "^2.0.18",
     "@sentry/nextjs": "^7.74.1",
     "bluebird": "^3.7.2",
+    "chart.js": "^4.4.0",
     "clsx": "^2.0.0",
     "encoding": "^0.1.13",
     "moment": "^2.29.4",
@@ -19,6 +20,7 @@
     "next-build-id": "^3.0.0",
     "node-fetch-cache": "^3.1.3",
     "react": "^18",
+    "react-chartjs-2": "^5.2.0",
     "react-country-flag": "^3.1.0",
     "react-dom": "^18",
     "sharp": "^0.32.6",