diff --git a/superset-frontend/plugins/legacy-plugin-chart-calendar/src/images/example.jpg b/superset-frontend/plugins/legacy-plugin-chart-calendar/src/images/example.jpg
new file mode 100644
index 000000000..0bbf24ae6
Binary files /dev/null and b/superset-frontend/plugins/legacy-plugin-chart-calendar/src/images/example.jpg differ
diff --git a/superset-frontend/plugins/legacy-plugin-chart-calendar/src/index.js b/superset-frontend/plugins/legacy-plugin-chart-calendar/src/index.js
index 5c0a9425e..926d98421 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-calendar/src/index.js
+++ b/superset-frontend/plugins/legacy-plugin-chart-calendar/src/index.js
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
+import example from './images/example.jpg';
 import controlPanel from './controlPanel';
 import thumbnail from './images/thumbnail.png';
 
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     "Visualizes how a metric has changed over a time using a color scale and a calendar view. Gray values are used to indicate missing values and the linear color scheme is used to encode the magnitude of each day's value.",
   ),
+  exampleGallery: [{ url: example }],
   name: t('Calendar Heatmap'),
   tags: [
     t('Business'),
diff --git a/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleGermany.jpg b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleGermany.jpg
new file mode 100644
index 000000000..33855aa4e
Binary files /dev/null and b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleGermany.jpg differ
diff --git a/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleUsa.jpg b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleUsa.jpg
new file mode 100644
index 000000000..0937ad092
Binary files /dev/null and b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/images/exampleUsa.jpg differ
diff --git a/superset-frontend/plugins/legacy-plugin-chart-country-map/src/index.js b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/index.js
index eea98d132..7c565201a 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-country-map/src/index.js
+++ b/superset-frontend/plugins/legacy-plugin-chart-country-map/src/index.js
@@ -18,6 +18,8 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
+import exampleUsa from './images/exampleUsa.jpg';
+import exampleGermany from './images/exampleGermany.jpg';
 import thumbnail from './images/thumbnail.png';
 import controlPanel from './controlPanel';
 
@@ -27,6 +29,7 @@ const metadata = new ChartMetadata({
   description: t(
     "Visualizes how a single metric varies across a country's principal subdivisions (states, provinces, etc) on a chloropleth map. Each subdivision's value is elevated when you hover over the corresponding geographic boundary.",
   ),
+  exampleGallery: [{ url: exampleUsa }, { url: exampleGermany }],
   name: t('Country Map'),
   tags: [
     t('2D'),
diff --git a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/images/example.jpg b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/images/example.jpg
new file mode 100644
index 000000000..b515822fa
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/images/example.jpg differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/index.js b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/index.js
index a97d9bd7b..4b5a032ee 100644
--- a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/index.js
+++ b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bubble/index.js
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from '../transformProps';
+import example from './images/example.jpg';
 import thumbnail from './images/thumbnail.png';
 import controlPanel from './controlPanel';
 
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Visualizes a metric across three dimensions of data in a single chart (X axis, Y axis, and bubble size). Bubbles from the same group can be showcased using bubble color.',
   ),
+  exampleGallery: [{ url: example }],
   name: t('Bubble Chart'),
   tags: [
     t('Multi-Dimensions'),
diff --git a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/images/example.jpg b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/images/example.jpg
new file mode 100644
index 000000000..360d255eb
Binary files /dev/null and b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/images/example.jpg differ
diff --git a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/index.js b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/index.js
index 2626c42d2..4160d9277 100644
--- a/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/index.js
+++ b/superset-frontend/plugins/legacy-preset-chart-nvd3/src/Bullet/index.js
@@ -18,6 +18,7 @@
  */
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from '../transformProps';
+import example from './images/example.jpg';
 import thumbnail from './images/thumbnail.png';
 import controlPanel from './controlPanel';
 
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Showcases the progress of a single metric against a given target. The higher the fill, the closer the metric is to the target.',
   ),
+  exampleGallery: [{ url: example }],
   name: t('Bullet Chart'),
   tags: [t('Business'), t('Legacy'), t('Report'), t('nvd3')],
   thumbnail,