diff --git a/docs/data/charts/heat-map/heat-map.md b/docs/data/charts/heatmap/heatmap.md
similarity index 100%
rename from docs/data/charts/heat-map/heat-map.md
rename to docs/data/charts/heatmap/heatmap.md
diff --git a/docs/data/charts/tree-map/tree-map.md b/docs/data/charts/treemap/treemap.md
similarity index 100%
rename from docs/data/charts/tree-map/tree-map.md
rename to docs/data/charts/treemap/treemap.md
diff --git a/docs/data/pages.ts b/docs/data/pages.ts
index b9b9e91b240e..65822bf57988 100644
--- a/docs/data/pages.ts
+++ b/docs/data/pages.ts
@@ -460,9 +460,9 @@ const pages: MuiPage[] = [
             subheader: 'Future components',
             children: [
               { pathname: '/x/react-charts/radar', planned: true },
-              { pathname: '/x/react-charts/tree-map', title: 'Treemap', planned: true },
+              { pathname: '/x/react-charts/treemap', title: 'Treemap', planned: true },
               {
-                pathname: '/x/react-charts/heat-map',
+                pathname: '/x/react-charts/heatmap',
                 title: 'Heatmap',
                 plan: 'pro',
                 planned: true,
diff --git a/docs/pages/x/react-charts/heat-map.js b/docs/pages/x/react-charts/heatmap.js
similarity index 68%
rename from docs/pages/x/react-charts/heat-map.js
rename to docs/pages/x/react-charts/heatmap.js
index 1ca391b5fe22..64f12f23f6ea 100644
--- a/docs/pages/x/react-charts/heat-map.js
+++ b/docs/pages/x/react-charts/heatmap.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/heat-map/heat-map.md?muiMarkdown';
+import * as pageProps from 'docsx/data/charts/heatmap/heatmap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/x/react-charts/tree-map.js b/docs/pages/x/react-charts/treemap.js
similarity index 68%
rename from docs/pages/x/react-charts/tree-map.js
rename to docs/pages/x/react-charts/treemap.js
index 227f21269d4a..a3f717eada20 100644
--- a/docs/pages/x/react-charts/tree-map.js
+++ b/docs/pages/x/react-charts/treemap.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/tree-map/tree-map.md?muiMarkdown';
+import * as pageProps from 'docsx/data/charts/treemap/treemap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/public/_redirects b/docs/public/_redirects
index e2f314a49a5b..07d154b73402 100644
--- a/docs/public/_redirects
+++ b/docs/public/_redirects
@@ -59,5 +59,7 @@
 /x/react-date-pickers/calendar/ /x/react-date-pickers/date-calendar/ 301
 /x/react-date-pickers/legacy-date-time-picker/ /x/react-date-pickers/date-time-picker/ 301
 # 2024
+/x/react-charts/heat-map/ /x/react-charts/heatmap/ 301
+/x/react-charts/tree-map/ /x/react-charts/treemap/ 301
 
 # Proxies
diff --git a/docs/src/modules/components/ChartComponentsGrid.js b/docs/src/modules/components/ChartComponentsGrid.js
index c981309f64ca..8752ad0ec1fc 100644
--- a/docs/src/modules/components/ChartComponentsGrid.js
+++ b/docs/src/modules/components/ChartComponentsGrid.js
@@ -57,14 +57,14 @@ function getComponents() {
       title: 'Treemap',
       srcLight: '/static/x/component-illustrations/treemap-light.png',
       srcDark: '/static/x/component-illustrations/treemap-dark.png',
-      href: '/x/react-charts/tree-map/',
+      href: '/x/react-charts/treemap/',
       planned: true,
     },
     {
       title: 'Heatmap',
       srcLight: '/static/x/component-illustrations/heatmap-light.png',
       srcDark: '/static/x/component-illustrations/heatmap-dark.png',
-      href: '/x/react-charts/heat-map/',
+      href: '/x/react-charts/heatmap/',
       planned: true,
       pro: true,
     },