fix: adding missing examples for bubble chart, bullet chart, calendar heatmap chart and country map chart in the gallery (#22523)

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'),

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'),

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'),

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,