docs: add scatter demo

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-plugins-demo/storybook/stories/legacy-preset-chart-deckgl/Scatter/Stories.tsx

@@ -0,0 +1,59 @@
+/* eslint-disable no-magic-numbers */
+import React from 'react';
+import { SuperChart } from '@superset-ui/chart';
+import payload from './payload';
+import dummyDatasource from '../../../shared/dummyDatasource';
+
+export default [
+  {
+    renderStory: () => (
+      <SuperChart
+        chartType="deck_scatter"
+        width={400}
+        height={400}
+        datasource={dummyDatasource}
+        queryData={payload}
+        formData={{
+          datasource: '5__table',
+          viz_type: 'deck_scatter',
+          slice_id: 66,
+          url_params: {},
+          granularity_sqla: 'dttm',
+          time_grain_sqla: null,
+          time_range: '+:+',
+          spatial: { latCol: 'LAT', lonCol: 'LON', type: 'latlong' },
+          row_limit: 5000,
+          filter_nulls: true,
+          adhoc_filters: [],
+          mapbox_style: 'mapbox://styles/mapbox/light-v9',
+          viewport: {
+            bearing: -4.952916738791771,
+            latitude: 37.78926922909199,
+            longitude: -122.42613341901688,
+            pitch: 4.750411100577438,
+            zoom: 12.729132798697304,
+          },
+          autozoom: true,
+          point_radius_fixed: { type: 'metric', value: 'count' },
+          point_unit: 'square_m',
+          min_radius: 2,
+          max_radius: 250,
+          multiplier: 10,
+          color_picker: { a: 0.82, b: 3, g: 0, r: 205 },
+          legend_position: 'tr',
+          legend_format: null,
+          dimension: null,
+          color_scheme: 'bnbColors',
+          label_colors: {},
+          js_columns: [],
+          js_data_mutator: '',
+          js_tooltip: '',
+          js_onclick_href: '',
+          granularity: null,
+        }}
+      />
+    ),
+    storyName: 'Basic',
+    storyPath: 'legacy-|preset-chart-deckgl|ScatterChartPlugin',
+  },
+];

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-plugins-demo/storybook/stories/legacy-preset-chart-deckgl/Scatter/index.js

@@ -0,0 +1,8 @@
+import { ScatterChartPlugin } from '../../../../../superset-ui-legacy-preset-chart-deckgl/src';
+import Stories from './Stories';
+
+new ScatterChartPlugin().configure({ key: 'deck_scatter' }).register();
+
+export default {
+  examples: [...Stories],
+};