pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-12 00:29:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

docs: add polygon demo

Browse Source
This commit is contained in:
Krist Wongsuphasawat 2019-09-18 22:43:17 -07:00 committed by Yongjie Zhao
parent b114a29f60
commit 4c335a1df9
3 changed files with 444 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-plugins-demo/storybook/stories/legacy-preset-chart-deckgl/Polygon/Stories.tsx Normal file
View File

@ -0,0 +1,74 @@
/* 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_polygon"
width={400}
height={400}
datasource={dummyDatasource}
queryData={payload}
formData={{
datasource: '9__table',
viz_type: 'deck_polygon',
slice_id: 70,
url_params: {},
granularity_sqla: null,
time_grain_sqla: null,
time_range: '+:+',
line_column: 'contour',
line_type: 'json',
adhoc_filters: [],
metric: 'count',
point_radius_fixed: { type: 'fix', value: 1000 },
row_limit: 10000,
reverse_long_lat: false,
filter_nulls: true,
mapbox_style: 'mapbox://styles/mapbox/light-v9',
viewport: {
altitude: 1.5,
bearing: 37.89506450385642,
height: 906,
latitude: 37.752020331384834,
longitude: -122.43388541747726,
maxLatitude: 85.05113,
maxPitch: 60,
maxZoom: 20,
minLatitude: -85.05113,
minPitch: 0,
minZoom: 0,
pitch: 60,
width: 667,
zoom: 11.133995608594631,
},
autozoom: true,
fill_color_picker: { a: 1, b: 73, g: 65, r: 3 },
stroke_color_picker: { a: 1, b: 135, g: 122, r: 0 },
filled: true,
stroked: false,
extruded: true,
multiplier: 1,
line_width: 10,
linear_color_scheme: 'blue_white_yellow',
opacity: 80,
num_buckets: 5,
table_filter: false,
toggle_polygons: true,
legend_position: 'tr',
legend_format: null,
js_columns: ['population', 'area'],
js_data_mutator: '',
js_tooltip: '',
js_onclick_href: '',
}}
/>
),
storyName: 'Basic',
storyPath: 'legacy-|preset-chart-deckgl|PolygonChartPlugin',
},
];

8
superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-plugins-demo/storybook/stories/legacy-preset-chart-deckgl/Polygon/index.js Normal file
View File

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

362
superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-plugins-demo/storybook/stories/legacy-preset-chart-deckgl/Polygon/payload.js Normal file
View File

@ -0,0 +1,362 @@
export default {
cache_key: null,
cached_dttm: null,
cache_timeout: 86400,
error: null,
form_data: {
datasource: '9__table',
viz_type: 'deck_polygon',
slice_id: 70,
url_params: {},
granularity_sqla: null,
time_grain_sqla: null,
time_range: ' : ',
line_column: 'contour',
line_type: 'json',
adhoc_filters: [
{
clause: 'WHERE',
expressionType: 'SIMPLE',
filterOptionName: '8039e26e-6daa-4daa-87ae-a9932e3500e6',
comparator: '',
operator: 'IS NOT NULL',
subject: 'contour',
},
],
metric: 'count',
point_radius_fixed: { type: 'fix', value: 1000 },
row_limit: 10000,
reverse_long_lat: false,
filter_nulls: true,
mapbox_style: 'mapbox://styles/mapbox/light-v9',
viewport: {
altitude: 1.5,
bearing: 37.89506450385642,
height: 906,
latitude: 37.752020331384834,
longitude: -122.43388541747726,
maxLatitude: 85.05113,
maxPitch: 60,
maxZoom: 20,
minLatitude: -85.05113,
minPitch: 0,
minZoom: 0,
pitch: 60,
width: 667,
zoom: 11.133995608594631,
},
autozoom: true,
fill_color_picker: { a: 1, b: 73, g: 65, r: 3 },
stroke_color_picker: { a: 1, b: 135, g: 122, r: 0 },
filled: true,
stroked: false,
extruded: true,
multiplier: 1,
line_width: 10,
linear_color_scheme: 'blue_white_yellow',
opacity: 80,
num_buckets: 5,
table_filter: false,
toggle_polygons: true,
legend_position: 'tr',
legend_format: null,
js_columns: ['population', 'area'],
where: '',
having: '',
having_filters: [],
filters: [{ col: 'contour', op: 'IS NOT NULL', val: '' }],
},
is_cached: false,
query:
'SELECT population AS population,\n area AS area,\n contour AS contour,\n COUNT(*) AS count\nFROM sf_population_polygons\nWHERE contour IS NOT NULL\nGROUP BY population,\n area,\n contour\nORDER BY count DESC\nLIMIT 10000\nOFFSET 0',
status: 'success',
stacktrace: null,
rowcount: 25,
data: {
features: [
{
population: 406,
area: 0.18,
count: 1,
polygon: [
[-122.4000672, 37.7903039],
[-122.4020657, 37.7887212],
[-122.4019604, 37.7889222],
[-122.4021896, 37.7900391],
[-122.4038416, 37.7898293],
[-122.4046134, 37.7935651],
[-122.4001488, 37.7941342],
[-122.399572, 37.7913265],
[-122.3994942, 37.7913249],
[-122.3991486, 37.7910166],
[-122.39948, 37.7907443],
[-122.4000672, 37.7903039],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 406, area: 0.18 },
},
{
population: 3183,
area: 6.11,
count: 1,
polygon: [
[-122.4709907, 37.7875345],
[-122.4725434, 37.787369],
[-122.474584, 37.7870491],
[-122.4761622, 37.7869787],
[-122.478708, 37.7869141],
[-122.4813756, 37.7871989],
[-122.4839107, 37.7877057],
[-122.4840196, 37.7886714],
[-122.4840713, 37.7895716],
[-122.484215, 37.7897676],
[-122.4862218, 37.7905133],
[-122.4861481, 37.7906058],
[-122.4861088, 37.7906875],
[-122.4858962, 37.7908937],
[-122.4857404, 37.7910213],
[-122.4854114, 37.7914684],
[-122.4852847, 37.791713],
[-122.484995, 37.7919486],
[-122.4847529, 37.7922157],
[-122.4845413, 37.7925221],
[-122.4843636, 37.7927401],
[-122.4840721, 37.793295],
[-122.4838582, 37.7936461],
[-122.4835934, 37.7940352],
[-122.4832937, 37.7946713],
[-122.4835185, 37.79473],
[-122.4830886, 37.7956115],
[-122.4829995, 37.7959034],
[-122.4811062, 37.7996127],
[-122.4810689, 37.7997047],
[-122.4810634, 37.7998236],
[-122.4809868, 37.7999382],
[-122.4809748, 37.8003312],
[-122.480758, 37.8004434],
[-122.4806561, 37.8006483],
[-122.4805924, 37.800725],
[-122.4803755, 37.8010946],
[-122.480296, 37.8012937],
[-122.4802023, 37.8014169],
[-122.4801818, 37.8015573],
[-122.4488026, 37.801772],
[-122.4483597, 37.8015868],
[-122.4479216, 37.8015323],
[-122.4478196, 37.8016332],
[-122.4473414, 37.7985527],
[-122.447303, 37.798459199999996],
[-122.4462995, 37.7918785],
[-122.4493673, 37.791488],
[-122.4509955, 37.7912099],
[-122.4520356, 37.7909989],
[-122.4590286, 37.789716],
[-122.4594757, 37.7897106],
[-122.4599255, 37.7895428],
[-122.4686535, 37.7877835],
[-122.4709907, 37.7875345],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 3183, area: 6.11 },
},
{
population: 3713,
area: 0.9,
count: 1,
polygon: [
[-122.4000583, 37.7936936],
[-122.4001488, 37.7941342],
[-122.4046134, 37.7935651],
[-122.405143, 37.796211],
[-122.4018534, 37.7966262],
[-122.4022286, 37.7984297],
[-122.4031596, 37.8030984],
[-122.4047983, 37.8029008],
[-122.4055454, 37.8066342],
[-122.4054957, 37.8066406],
[-122.4046961, 37.8062647],
[-122.4031944, 37.8051186],
[-122.4017323, 37.8051922],
[-122.400573, 37.806121],
[-122.4009636, 37.8035634],
[-122.4008425, 37.8034294],
[-122.4004799, 37.8034661],
[-122.3985512, 37.8046028],
[-122.3985201, 37.8046033],
[-122.3985596, 37.8045264],
[-122.3982279, 37.8042811],
[-122.3982256, 37.8042564],
[-122.3999717, 37.803225],
[-122.3996027, 37.8028079],
[-122.3978247, 37.8038103],
[-122.3977935, 37.8038108],
[-122.3975172, 37.8034946],
[-122.3975148, 37.8034706],
[-122.3996153, 37.8022824],
[-122.3997233, 37.8021763],
[-122.3994097, 37.8018242],
[-122.3992151, 37.8018645],
[-122.3971156, 37.803021],
[-122.3970844, 37.8030215],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 5846, area: 1.23 },
},
{
population: 13768,
area: 0.75,
count: 1,
polygon: [
[-122.4042198, 37.7916906],
[-122.4038416, 37.7898293],
[-122.4021896, 37.7900391],
[-122.4019604, 37.7889222],
[-122.4020657, 37.7887212],
[-122.4029031, 37.7880856],
[-122.4034308, 37.7876418],
[-122.4045833, 37.7867306],
[-122.4048499, 37.78681],
[-122.4080362, 37.7864096],
[-122.408595, 37.7892256],
[-122.4118857, 37.7888075],
[-122.4122662, 37.7906728],
[-122.4139159, 37.7904631],
[-122.4148256, 37.7949882],
[-122.405143, 37.796211],
[-122.4049572, 37.7953267],
[-122.4047106, 37.7940214],
[-122.4042198, 37.7916906],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 13768, area: 0.75 },
},
{
population: 19289,
area: 4.4,
count: 1,
polygon: [
[-122.4586889, 37.7307515],
[-122.4591931, 37.730603],
[-122.4593522, 37.7305158],
[-122.4595637, 37.7303686],
[-122.4597838, 37.7301095],
[-122.4598784, 37.7298845],
[-122.4599838, 37.7295225],
[-122.460024, 37.7291957],
[-122.4600025, 37.7287394],
[-122.4604127, 37.7287392],
[-122.4608163, 37.7286811],
[-122.4614222, 37.7283303],
[-122.4618248, 37.7281189],
[-122.4620685, 37.7280496],
[-122.4623783, 37.7280113],
[-122.4627034, 37.7280243],
[-122.4628883, 37.728055499999996],
[-122.4627359, 37.7277841],
[-122.4626158, 37.7275292],
[-122.4625471, 37.7272254],
[-122.4625456, 37.7269975],
[-122.4626867, 37.7257749],
[-122.4628155, 37.7254824],
[-122.4622126, 37.7252655],
[-122.4622803, 37.7251473],
[-122.4622712, 37.7230211],
[-122.4624314, 37.723008899999996],
[-122.462655, 37.7229479],
[-122.4628403, 37.7228017],
[-122.463189, 37.7226046],
[-122.4637514, 37.7223952],
[-122.4639816, 37.722327],
[-122.4642937, 37.7221137],
[-122.4644348, 37.7219078],
[-122.4644842, 37.72168],
[-122.4716737, 37.7216313],
[-122.4717603, 37.7216712],
[-122.4723224, 37.7216238],
[-122.4720569, 37.726824],
[-122.4719072, 37.7289272],
[-122.4715943, 37.7289021],
[-122.4715487, 37.729784],
[-122.4718665, 37.7297845],
[-122.4715693, 37.7347068],
[-122.4710681, 37.7356067],
[-122.4705741, 37.736589],
[-122.47068, 37.736647],
[-122.4708059, 37.7367737],
[-122.4708698, 37.7369516],
[-122.4442995, 37.7322772],
[-122.4442889, 37.7315689],
[-122.4465784, 37.731549],
[-122.4534113, 37.7315306],
[-122.4535909, 37.7314884],
[-122.4549159, 37.731465],
[-122.4557626, 37.7313488],
[-122.4566075, 37.7311877],
[-122.4574742, 37.7309975],
[-122.4582225, 37.7307774],
[-122.4584725, 37.7307528],
[-122.4586889, 37.7307515],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 19289, area: 4.4 },
},
{
population: 23088,
area: 2.74,
count: 1,
polygon: [
[-122.4384025, 37.794807],
[-122.446587, 37.7937653],
[-122.4464465, 37.792813699999996],
[-122.447303, 37.798459199999996],
[-122.4473414, 37.7985527],
[-122.4478196, 37.8016332],
[-122.4479216, 37.8015323],
[-122.4483597, 37.8015868],
[-122.4488026, 37.801772],
[-122.4491786, 37.8020739],
[-122.4494602, 37.8024543],
[-122.4495655, 37.8027914],
[-122.4495837, 37.8031531],
[-122.4494957, 37.8034703],
[-122.4493881, 37.8037108],
[-122.4491242, 37.8040079],
[-122.4488145, 37.8042286],
[-122.4482407, 37.8044777],
[-122.4483233, 37.8050078],
[-122.4485291, 37.8067632],
[-122.4483226, 37.8068106],
[-122.4481598, 37.8068744],
[-122.4478339, 37.8070522],
[-122.4471803, 37.8074771],
[-122.446638, 37.8075252],
[-122.4464767, 37.8075168],
[-122.4452557, 37.8076269],
[-122.4417181, 37.8077876],
[-122.4418195, 37.8078923],
[-122.4419352, 37.8078808],
[-122.4419435, 37.8078669],
[-122.4418599, 37.8077804],
[-122.4418735, 37.8077713],
[-122.4419766, 37.8078774],
[-122.4419771, 37.8078952],
[-122.4418165, 37.8079116],
[-122.4418236, 37.8079843],
[-122.4423208, 37.8079321],
[-122.4423776, 37.8079182],
],
__timestamp: null,
elevation: 1000,
extraProps: { population: 79407, area: 8.9 },
},
],
mapboxApiKey:
'pk.eyJ1Ijoia3Jpc3R3IiwiYSI6ImNqbGg1N242NTFlczczdnBhazViMjgzZ2sifQ.lUneM-o3NucXN189EYyXxQ',
metricLabels: ['count'],
},
};