chore: Add example charts for deck.gl (#25770)
Signed-off-by: Willie Hung <willie880201044@gmail.com>
After Width: | Height: | Size: 150 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../transformProps';
|
import transformProps from '../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -25,6 +26,7 @@ const metadata = new ChartMetadata({
|
|||||||
category: t('Map'),
|
category: t('Map'),
|
||||||
credits: ['https://uber.github.io/deck.gl'],
|
credits: ['https://uber.github.io/deck.gl'],
|
||||||
description: t('Compose multiple layers together to form complex visuals.'),
|
description: t('Compose multiple layers together to form complex visuals.'),
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
name: t('deck.gl Multiple Layers'),
|
name: t('deck.gl Multiple Layers'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
|
After Width: | Height: | Size: 70 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
|
|||||||
),
|
),
|
||||||
name: t('deck.gl Arc'),
|
name: t('deck.gl Arc'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [t('deckGL'), t('Geo'), t('3D'), t('Relational'), t('Web')],
|
tags: [t('deckGL'), t('Geo'), t('3D'), t('Relational'), t('Web')],
|
||||||
});
|
});
|
||||||
|
After Width: | Height: | Size: 136 KiB |
@ -20,6 +20,7 @@ import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
|||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
|
|
||||||
const metadata = new ChartMetadata({
|
const metadata = new ChartMetadata({
|
||||||
category: t('Map'),
|
category: t('Map'),
|
||||||
@ -27,7 +28,8 @@ const metadata = new ChartMetadata({
|
|||||||
description: t(
|
description: t(
|
||||||
'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
|
'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
|
||||||
),
|
),
|
||||||
name: t('deck.gl Countour'),
|
exampleGallery: [{ url: example }],
|
||||||
|
name: t('deck.gl Contour'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [t('deckGL'), t('Spatial'), t('Comparison'), t('Experimental')],
|
tags: [t('deckGL'), t('Spatial'), t('Comparison'), t('Experimental')],
|
||||||
|
After Width: | Height: | Size: 219 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
|
|||||||
description: t(
|
description: t(
|
||||||
'The GeoJsonLayer takes in GeoJSON formatted data and renders it as interactive polygons, lines and points (circles, icons and/or texts).',
|
'The GeoJsonLayer takes in GeoJSON formatted data and renders it as interactive polygons, lines and points (circles, icons and/or texts).',
|
||||||
),
|
),
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
name: t('deck.gl Geojson'),
|
name: t('deck.gl Geojson'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
|
After Width: | Height: | Size: 369 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
|
|||||||
),
|
),
|
||||||
name: t('deck.gl Grid'),
|
name: t('deck.gl Grid'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [t('deckGL'), t('3D'), t('Comparison'), t('Experimental')],
|
tags: [t('deckGL'), t('3D'), t('Comparison'), t('Experimental')],
|
||||||
});
|
});
|
||||||
|
After Width: | Height: | Size: 259 KiB |
@ -20,6 +20,7 @@ import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
|||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
|
|
||||||
const metadata = new ChartMetadata({
|
const metadata = new ChartMetadata({
|
||||||
category: t('Map'),
|
category: t('Map'),
|
||||||
@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
|
|||||||
description: t(
|
description: t(
|
||||||
'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
|
'Uses Gaussian Kernel Density Estimation to visualize spatial distribution of data',
|
||||||
),
|
),
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
name: t('deck.gl Heatmap'),
|
name: t('deck.gl Heatmap'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
|
After Width: | Height: | Size: 262 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
|
|||||||
description: t(
|
description: t(
|
||||||
'Overlays a hexagonal grid on a map, and aggregates data within the boundary of each cell.',
|
'Overlays a hexagonal grid on a map, and aggregates data within the boundary of each cell.',
|
||||||
),
|
),
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
name: t('deck.gl 3D Hexagon'),
|
name: t('deck.gl 3D Hexagon'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
|
After Width: | Height: | Size: 165 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -27,6 +28,7 @@ const metadata = new ChartMetadata({
|
|||||||
description: t('Visualizes connected points, which form a path, on a map.'),
|
description: t('Visualizes connected points, which form a path, on a map.'),
|
||||||
name: t('deck.gl Path'),
|
name: t('deck.gl Path'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [t('deckGL'), t('Web')],
|
tags: [t('deckGL'), t('Web')],
|
||||||
});
|
});
|
||||||
|
After Width: | Height: | Size: 161 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
|
|||||||
),
|
),
|
||||||
name: t('deck.gl Polygon'),
|
name: t('deck.gl Polygon'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [
|
tags: [
|
||||||
t('deckGL'),
|
t('deckGL'),
|
||||||
|
After Width: | Height: | Size: 213 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
|
|||||||
),
|
),
|
||||||
name: t('deck.gl Scatterplot'),
|
name: t('deck.gl Scatterplot'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [
|
tags: [
|
||||||
t('deckGL'),
|
t('deckGL'),
|
||||||
|
After Width: | Height: | Size: 101 KiB |
@ -18,6 +18,7 @@
|
|||||||
*/
|
*/
|
||||||
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import example from './images/example.png';
|
||||||
import transformProps from '../../transformProps';
|
import transformProps from '../../transformProps';
|
||||||
import controlPanel from './controlPanel';
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
@ -29,6 +30,7 @@ const metadata = new ChartMetadata({
|
|||||||
),
|
),
|
||||||
name: t('deck.gl Screen Grid'),
|
name: t('deck.gl Screen Grid'),
|
||||||
thumbnail,
|
thumbnail,
|
||||||
|
exampleGallery: [{ url: example }],
|
||||||
useLegacyApi: true,
|
useLegacyApi: true,
|
||||||
tags: [
|
tags: [
|
||||||
t('deckGL'),
|
t('deckGL'),
|
||||||
|