chore: adding missing examples in the gallery for some chart types (#…

…22766)

superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/src/index.js

@@ -19,6 +19,8 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
 import thumbnail from './images/thumbnail.png';
+import example1 from './images/example1.jpg';
+import example2 from './images/example2.jpg';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -27,6 +29,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Plots the individual metrics for each row in the data vertically and links them together as a line. This chart is useful for comparing multiple metrics across all of the samples or rows in the data.',
   ),
+  exampleGallery: [{ url: example1 }, { url: example2 }],
   name: t('Parallel Coordinates'),
   tags: [t('Coordinates'), t('Directional'), t('Legacy'), t('Relational')],
   thumbnail,

superset-frontend/plugins/legacy-plugin-chart-partition/src/index.js

@@ -19,11 +19,13 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.jpg';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
   category: t('Part of a Whole'),
   description: t('Compare the same summarized metric across multiple groups.'),
+  exampleGallery: [{ url: example }],
   name: t('Partition Chart'),
   tags: [t('Categorical'), t('Comparison'), t('Legacy'), t('Proportional')],
   thumbnail,

superset-frontend/plugins/legacy-plugin-chart-pivot-table/src/index.js

@@ -19,6 +19,7 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.jpg';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
     t(`Used to summarize a set of data by grouping together multiple statistics along two axes. Examples: Sales numbers by region and month, tasks by status and assignee, active users by age and location.
 
   This chart is being deprecated and we recommend checking out Pivot Table V2 instead!`),
+  exampleGallery: [{ url: example }],
   name: t('Pivot Table (legacy)'),
   tags: [t('Legacy')],
   thumbnail,

superset-frontend/plugins/legacy-preset-chart-nvd3/src/Compare/index.js

@@ -19,6 +19,7 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from '../transformProps';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.jpg';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Visualizes many different time-series objects in a single chart. This chart is being deprecated and we recommend using the Time-series Chart instead.',
   ),
+  exampleGallery: [{ url: example }],
   name: t('Time-series Percent Change'),
   tags: [
     t('Legacy'),

superset-frontend/plugins/plugin-chart-echarts/src/MixedTimeseries/index.ts

@@ -28,6 +28,7 @@ import buildQuery from './buildQuery';
 import controlPanel from './controlPanel';
 import transformProps from './transformProps';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.jpg';
 import {
   EchartsMixedTimeseriesFormData,
   EchartsMixedTimeseriesProps,
@@ -69,6 +70,7 @@ export default class EchartsTimeseriesChartPlugin extends ChartPlugin<
           AnnotationType.Interval,
           AnnotationType.Timeseries,
         ],
+        exampleGallery: [{ url: example }],
         name: hasGenericChartAxes ? t('Mixed Chart') : t('Mixed Time-Series'),
         thumbnail,
         tags: [

superset-frontend/plugins/plugin-chart-pivot-table/src/plugin/index.ts

@@ -28,6 +28,7 @@ import buildQuery from './buildQuery';
 import controlPanel from './controlPanel';
 import transformProps from './transformProps';
 import thumbnail from '../images/thumbnail.png';
+import example from '../images/example.jpg';
 import { PivotTableQueryFormData } from '../types';
 
 export default class PivotTableChartPlugin extends ChartPlugin<
@@ -51,6 +52,7 @@ export default class PivotTableChartPlugin extends ChartPlugin<
       description: t(
         'Used to summarize a set of data by grouping together multiple statistics along two axes. Examples: Sales numbers by region and month, tasks by status and assignee, active users by age and location. Not the most visually stunning visualization, but highly informative and versatile.',
       ),
+      exampleGallery: [{ url: example }],
       name: t('Pivot Table'),
       tags: [t('Additive'), t('Report'), t('Tabular'), t('Popular')],
       thumbnail,

superset-frontend/plugins/plugin-chart-pivot-table/types/external.d.ts

@@ -21,3 +21,5 @@ declare module '*.png' {
   const value: any;
   export default value;
 }
+
+declare module '*.jpg';

superset-frontend/src/visualizations/TimeTable/index.ts

@@ -19,6 +19,7 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import transformProps from './transformProps';
 import thumbnail from './images/thumbnail.png';
+import example from './images/example.jpg';
 import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
@@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
   description: t(
     'Compare multiple time series charts (as sparklines) and related metrics quickly.',
   ),
+  exampleGallery: [{ url: example }],
   tags: [
     t('Multi-Variables'),
     t('Comparison'),