diff --git a/package-lock.json b/package-lock.json
index f91c274..4b2cf94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
         "@mui/material": "^5.11.0",
         "@mui/x-data-grid": "^5.17.24",
         "@visx/curve": "~2",
-        "@visx/legend": "~2",
+        "@visx/legend": "~3",
         "@visx/responsive": "~2",
         "@visx/scale": "~2",
         "@visx/tooltip": "~2",
@@ -2681,13 +2681,13 @@
       }
     },
     "node_modules/@visx/legend": {
-      "version": "2.18.0",
-      "resolved": "https://registry.npmjs.org/@visx/legend/-/legend-2.18.0.tgz",
-      "integrity": "sha512-x6RfW6NOV+I9bIx45MQlCIxDR89KdA0Y4rPrVFDdq9KSf+DICaIQw97ksGsixxQwEuiRfqGTtM6F/PXCfEx/zQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@visx/legend/-/legend-3.0.0.tgz",
+      "integrity": "sha512-kESeNabNrDceMMYGPAmSyMQ8QLntbDecVrJY6YG8J1YkjZEpPjwdtq8ylP3LbxAiq2rSD1/3nQCnVlZM39gc+A==",
       "dependencies": {
         "@types/react": "*",
-        "@visx/group": "2.17.0",
-        "@visx/scale": "2.18.0",
+        "@visx/group": "3.0.0",
+        "@visx/scale": "3.0.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.5.10"
       },
@@ -2695,6 +2695,74 @@
         "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0"
       }
     },
+    "node_modules/@visx/legend/node_modules/@types/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@visx/legend/node_modules/@types/d3-scale": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz",
+      "integrity": "sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@visx/legend/node_modules/@visx/group": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@visx/group/-/group-3.0.0.tgz",
+      "integrity": "sha512-SFjXhTMcsaVAb1/TVL1KM5vn8gQTIVgSx0ATdDl4BJSFp2ym1lO8LY4jpV4SFweaHnWxVwrrfGLTn5QsYnvmjQ==",
+      "dependencies": {
+        "@types/react": "*",
+        "classnames": "^2.3.1",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0"
+      }
+    },
+    "node_modules/@visx/legend/node_modules/@visx/scale": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@visx/scale/-/scale-3.0.0.tgz",
+      "integrity": "sha512-WSf+wrxZEvu5TPGfGTafzzX1MbogbIxfD9ZKM9p7xfw65v23G0dNMy4bqVBUbOJigONoQkIZyqQ+gz5AJ/ioIg==",
+      "dependencies": {
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-time": "^2.0.0",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-time": "^2.1.1"
+      }
+    },
+    "node_modules/@visx/legend/node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@visx/legend/node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "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"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@visx/point": {
       "version": "2.17.0",
       "resolved": "https://registry.npmjs.org/@visx/point/-/point-2.17.0.tgz",
@@ -12162,15 +12230,76 @@
       }
     },
     "@visx/legend": {
-      "version": "2.18.0",
-      "resolved": "https://registry.npmjs.org/@visx/legend/-/legend-2.18.0.tgz",
-      "integrity": "sha512-x6RfW6NOV+I9bIx45MQlCIxDR89KdA0Y4rPrVFDdq9KSf+DICaIQw97ksGsixxQwEuiRfqGTtM6F/PXCfEx/zQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@visx/legend/-/legend-3.0.0.tgz",
+      "integrity": "sha512-kESeNabNrDceMMYGPAmSyMQ8QLntbDecVrJY6YG8J1YkjZEpPjwdtq8ylP3LbxAiq2rSD1/3nQCnVlZM39gc+A==",
       "requires": {
         "@types/react": "*",
-        "@visx/group": "2.17.0",
-        "@visx/scale": "2.18.0",
+        "@visx/group": "3.0.0",
+        "@visx/scale": "3.0.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.5.10"
+      },
+      "dependencies": {
+        "@types/d3-interpolate": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+          "integrity": "sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==",
+          "requires": {
+            "@types/d3-color": "*"
+          }
+        },
+        "@types/d3-scale": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz",
+          "integrity": "sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==",
+          "requires": {
+            "@types/d3-time": "*"
+          }
+        },
+        "@visx/group": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/@visx/group/-/group-3.0.0.tgz",
+          "integrity": "sha512-SFjXhTMcsaVAb1/TVL1KM5vn8gQTIVgSx0ATdDl4BJSFp2ym1lO8LY4jpV4SFweaHnWxVwrrfGLTn5QsYnvmjQ==",
+          "requires": {
+            "@types/react": "*",
+            "classnames": "^2.3.1",
+            "prop-types": "^15.6.2"
+          }
+        },
+        "@visx/scale": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/@visx/scale/-/scale-3.0.0.tgz",
+          "integrity": "sha512-WSf+wrxZEvu5TPGfGTafzzX1MbogbIxfD9ZKM9p7xfw65v23G0dNMy4bqVBUbOJigONoQkIZyqQ+gz5AJ/ioIg==",
+          "requires": {
+            "@types/d3-interpolate": "^3.0.1",
+            "@types/d3-scale": "^4.0.2",
+            "@types/d3-time": "^2.0.0",
+            "d3-interpolate": "^3.0.1",
+            "d3-scale": "^4.0.2",
+            "d3-time": "^2.1.1"
+          }
+        },
+        "d3-interpolate": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+          "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+          "requires": {
+            "d3-color": "1 - 3"
+          }
+        },
+        "d3-scale": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+          "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+          "requires": {
+            "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"
+          }
+        }
       }
     },
     "@visx/point": {
diff --git a/package.json b/package.json
index c22b5ba..8ce6856 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "@mui/material": "^5.11.0",
     "@mui/x-data-grid": "^5.17.24",
     "@visx/curve": "~2",
-    "@visx/legend": "~2",
+    "@visx/legend": "~3",
     "@visx/responsive": "~2",
     "@visx/scale": "~2",
     "@visx/tooltip": "~2",