diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/images/example.png
new file mode 100644
index 0000000000000..df5f1de7a786f
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/index.ts
index 0535e96010a39..42ce06b1c75e1 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/Multi/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../transformProps';
 import controlPanel from './controlPanel';
 
@@ -25,6 +26,7 @@ const metadata = new ChartMetadata({
   category: t('Map'),
   credits: ['https://uber.github.io/deck.gl'],
   description: t('Compose multiple layers together to form complex visuals.'),
+  exampleGallery: [{ url: example }],
   name: t('deck.gl Multiple Layers'),
   thumbnail,
   useLegacyApi: true,
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/images/example.png
new file mode 100644
index 0000000000000..b031f430dbba8
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/index.ts
index b8aa04717b0fb..350877432e1e9 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Arc/index.ts
@@ -18,9 +18,8 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
-import example1 from './images/example1.png';
-import example2 from './images/example2.png';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -29,9 +28,9 @@ const metadata = new ChartMetadata({
   description: t(
     'Plot the distance (like flight paths) between origin and destination.',
   ),
-  exampleGallery: [{ url: example1 }, { url: example2 }],
   name: t('deck.gl Arc'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [t('deckGL'), t('Geo'), t('3D'), t('Relational'), t('Web')],
 });
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/images/example.png
new file mode 100644
index 0000000000000..20572b77e437f
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/index.ts
index b787945f73173..bc0bd8c1f6ccc 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Contour/index.ts
@@ -20,8 +20,7 @@ import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from '../../transformProps';
 import controlPanel from './controlPanel';
 import thumbnail from './images/thumbnail.png';
-import example1 from './images/example1.png';
-import example2 from './images/example2.png';
+import example from './images/example.png';
 
 const metadata = new ChartMetadata({
   category: t('Map'),
@@ -29,8 +28,8 @@ const metadata = new ChartMetadata({
   description: t(
     'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
   ),
-  exampleGallery: [{ url: example1 }, { url: example2 }],
-  name: t('deck.gl Countour'),
+  exampleGallery: [{ url: example }],
+  name: t('deck.gl Contour'),
   thumbnail,
   useLegacyApi: true,
   tags: [t('deckGL'), t('Spatial'), t('Comparison'), t('Experimental')],
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/images/example.png
new file mode 100644
index 0000000000000..f35389d36da18
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/index.ts
index 61387470a138f..23708a2d24a61 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Geojson/index.ts
@@ -18,9 +18,8 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
-import example1 from './images/example1.png';
-import example2 from './images/example2.png';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -29,7 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'The GeoJsonLayer takes in GeoJSON formatted data and renders it as interactive polygons, lines and points (circles, icons and/or texts).',
   ),
-  exampleGallery: [{ url: example1 }, { url: example2 }],
+  exampleGallery: [{ url: example }],
   name: t('deck.gl Geojson'),
   thumbnail,
   useLegacyApi: true,
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/images/example.png
new file mode 100644
index 0000000000000..1d1407809a0af
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/index.ts
index e5e5aef3df5d2..b87386fb55895 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Grid/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
 import example1 from './images/example1.png';
 import controlPanel from './controlPanel';
@@ -31,6 +32,7 @@ const metadata = new ChartMetadata({
   exampleGallery: [{ url: example1 }],
   name: t('deck.gl Grid'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [t('deckGL'), t('3D'), t('Comparison'), t('Experimental')],
 });
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/images/example.png
new file mode 100644
index 0000000000000..ebd1c8ae489da
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/index.ts
index 82bf3c0336d12..adf4ed393e4d1 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Heatmap/index.ts
@@ -19,9 +19,8 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from '../../transformProps';
 import controlPanel from './controlPanel';
-import example1 from './images/example1.png';
-import example2 from './images/example2.png';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 
 const metadata = new ChartMetadata({
   category: t('Map'),
@@ -29,7 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
   ),
-  exampleGallery: [{ url: example1 }, { url: example2 }],
+  exampleGallery: [{ url: example }],
   name: t('deck.gl Heatmap'),
   thumbnail,
   useLegacyApi: true,
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/images/example.png
new file mode 100644
index 0000000000000..378a442665e5a
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/index.ts
index d2ab96e3fe40c..1b67fbb657a3d 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Hex/index.ts
@@ -18,9 +18,8 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
-import example1 from './images/example1.png';
-import example2 from './images/example2.png';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -29,7 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Overlays a hexagonal grid on a map, and aggregates data within the boundary of each cell.',
   ),
-  exampleGallery: [{ url: example1 }, { url: example2 }],
+  exampleGallery: [{ url: example }],
   name: t('deck.gl 3D Hexagon'),
   thumbnail,
   useLegacyApi: true,
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/images/example.png
new file mode 100644
index 0000000000000..a259597742e58
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/index.ts
index dcc6cd27b68fb..5c182a8956c91 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Path/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
 import example1 from './images/example1.png';
 import controlPanel from './controlPanel';
@@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
   exampleGallery: [{ url: example1 }],
   name: t('deck.gl Path'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [t('deckGL'), t('Web')],
 });
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/images/example.png
new file mode 100644
index 0000000000000..18feb67819118
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/index.ts
index ed8c066870987..d6a1f7bd27b98 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Polygon/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
 import example1 from './images/example1.png';
 import controlPanel from './controlPanel';
@@ -31,6 +32,7 @@ const metadata = new ChartMetadata({
   exampleGallery: [{ url: example1 }],
   name: t('deck.gl Polygon'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [
     t('deckGL'),
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/images/example.png
new file mode 100644
index 0000000000000..fc0ec766319a7
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/index.ts
index 1dfe55262b287..942f45c993f74 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Scatter/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
 import example1 from './images/example1.png';
 import example2 from './images/example2.png';
@@ -32,6 +33,7 @@ const metadata = new ChartMetadata({
   exampleGallery: [{ url: example1 }, { url: example2 }],
   name: t('deck.gl Scatterplot'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [
     t('deckGL'),
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/images/example.png b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/images/example.png
new file mode 100644
index 0000000000000..92679725e32f6
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/images/example.png differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/index.ts b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/index.ts
index dc120eeab81f1..478465b129ae5 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/index.ts
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/Screengrid/index.ts
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.png';
 import transformProps from '../../transformProps';
 import example1 from './images/example1.png';
 import example2 from './images/example2.png';
@@ -32,6 +33,7 @@ const metadata = new ChartMetadata({
   exampleGallery: [{ url: example1 }, { url: example2 }],
   name: t('deck.gl Screen Grid'),
   thumbnail,
+  exampleGallery: [{ url: example }],
   useLegacyApi: true,
   tags: [
     t('deckGL'),