apache-superset / superset-ui-plugins-deckgl Goto Github PK

View Code? Open in Web Editor NEW

17.0 17.0 18.0 24 MB

deck.gl plugins for Superset

Home Page: https://apache-superset.github.io/superset-ui-plugins-deckgl/

License: Apache License 2.0

JavaScript 90.17% CSS 2.13% TypeScript 7.70%

monorepo superset visualization

superset-ui-plugins-deckgl's People

Contributors

Stargazers

Watchers

Forkers

thunter009 zhj149 henry145145 dleclere preset-io shashisingh kiennh drissireda maastechjapan superset-collab cdmikechen kgabryje jcozain stephenlyz samanvaya-panda tishka25 emg110 utrace-ltd

superset-ui-plugins-deckgl's Issues

Unable to build superset-ui-plugins-deckgl

Describe the bug
Unable to build superset-ui-plugins-deckgl, Error: Module @superset-ui/build-config defined in "beemo.module" could not be found.

To Reproduce
Steps to reproduce the behavior:

Get latest release from github:

wget -O /tmp/v0.1.1.tar.gz https://github.com/apache-superset/superset-ui-plugins-deckgl/archive/v0.1.1.tar.gz && tar xzf /tmp/v0.1.1.tar.gz -C ./

yarn install

/tmp/my/superset-ui-plugins-deckgl-0.1.1$ yarn install
yarn install v1.12.3
info No lockfile found.
[1/5] Validating package.json...
[2/5] Resolving packages...
warning @superset-ui/build-config > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: use String.prototype.padStart()
warning @superset-ui/commit-config > @commitlint/cli > babel-polyfill > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning @superset-ui/commit-config > @commitlint/cli > babel-polyfill > babel-runtime > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @babel/polyfill > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]: Please update to 0.2.2+ for support of the latest react, improved browser support, and typescript definitions
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @data-ui/event-flow > @babel/runtime-corejs2 > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > react-palm > react-reconciler > fbjs > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > react-vis > [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > storybook-addon-jsx > @storybook/components > [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > storybook-addon-jsx > @storybook/components > react-popper-tooltip > react-popper > [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-deckgl > [email protected]" has unmet peer dependency "bootstrap@^3.3.7".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > [email protected]" has unmet peer dependency "enzyme@^3.6.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > [email protected]" has unmet peer dependency "enzyme-adapter-utils@^1.8.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > [email protected]" has unmet peer dependency "react-test-renderer@^16.4.1".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]" has unmet peer dependency "enzyme@^3.6.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]" has unmet peer dependency "enzyme-adapter-utils@^1.8.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]" has unmet peer dependency "react-test-renderer@^16.4.1".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > [email protected]" has unmet peer dependency "[email protected] - 3".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > [email protected]" has unmet peer dependency "popper.js@^1.16.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > [email protected]" has unmet peer dependency "webpack@>=2".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > [email protected]" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @data-ui/[email protected]" has unmet peer dependency "aphrodite@^1.2.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]" has incorrect peer dependency "react@>=^16.0.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/legacy-preset-chart-kepler > kepler.gl > [email protected]" has incorrect peer dependency "react-dom@>=^16.0.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @storybook/addons > @storybook/[email protected]" has unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @data-ui/event-flow > [email protected]" has incorrect peer dependency "react@^0.14.0 || ^15.0.0".
warning "workspace-aggregator-d2c40cee-6886-43a5-a632-aaa723bc6dcc > @superset-ui/plugins-demo > @storybook/addon-actions > react-inspector > [email protected]" has unmet peer dependency "@storybook/core@3.* || 4.* || 5.*".
[5/5] Building fresh packages...
success Saved lockfile.
Done in 64.07s.

yarn build

/tmp/my/superset-ui-plugins-deckgl-0.1.1$ yarn build
yarn run v1.12.3
$ yarn build:cjs && yarn build:esm && yarn run type:dts && yarn build:assets
$ NODE_ENV=production beemo babel --extensions=".js,.jsx,.ts,.tsx" ./src --out-dir lib/ --delete-dir-on-start --minify --workspaces="@superset-ui/!(plugins-demo)"
beemo babel

Transpile files with Babel

Options:
  --version      Show version number                                   [boolean]
  --config       Path to a configuration file             [string] [default: ""]
  --debug        Show debug messages                  [boolean] [default: false]
  --locale       Locale to display output in              [string] [default: ""]
  --output       Control output size (1-3)                 [number] [default: 3]
  --silent       Hide all output                      [boolean] [default: false]
  --theme        Change output colors              [string] [default: "default"]
  --help         Show help                                             [boolean]
  --clean        Clean the target folder              [boolean] [default: false]
  --concurrency  Number of builds to run in parallel       [number] [default: 0]
  --graph        Prioritize workspace builds based on dependency graph
                                                       [boolean] [default: true]
  --stdio        Customize how output is displayed
           [string] [choices: "buffer", "stream", "inherit"] [default: "buffer"]
  --workspaces   Run command in each workspace (supports regex)
                                                          [string] [default: ""]

Error: Module @superset-ui/build-config defined in "beemo.module" could not be found.
    at Beemo.getConfigModuleRoot (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/core/lib/Beemo.js:193:19)
    at Beemo.prepareContext (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/core/lib/Beemo.js:274:35)
    at Beemo.runDriver (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/core/lib/Beemo.js:204:30)
    at Object.app.command.args [as handler] (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/cli/lib/CLI.js:54:22)
    at Object.runCommand (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/cli/node_modules/yargs/lib/command.js:240:40)
    at Object.parseArgs [as _parseArgs] (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/cli/node_modules/yargs/yargs.js:1107:41)
    at Object.get [as argv] (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/cli/node_modules/yargs/yargs.js:1041:21)
    at Object.<anonymous> (/tmp/my/superset-ui-plugins-deckgl-0.1.1/node_modules/@beemo/cli/lib/CLI.js:125:12)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Expected behavior
Successful build.

Environment (please complete the following information):

superset-ui-plugins-deckgl version: v0.1.1
Node version: v10.15.3
npm version: 6.13.4
yarn version: 1.12.3

Additional context
@superset-ui/build-config is present in ./node_modules

Support for H3HexagonLayer

Is your feature request related to a problem? Please describe.

I have a bunch of geospatial data indexed by H3 that I want to visualize. Currently I'm forced to export it into a CSV, and load it into an ephemeral session on https://kepler.gl/demo

Describe the solution you'd like

I'd like this plugin to enable SuperSet visualizations using that type of layer, as it is already supported in deck.gl.

Describe alternatives you've considered
I could not find an existing application that can do this.

Can not build superset-ui-plugins-deckgl after version 0.2.0

Describe the bug
Can not build superset-ui-plugins-deckgl after version 0.2.0

0.2.0: Build success
0.2.1: Failed
0.2.2: Failed
0.2.3: Failed
0.2.4: Failed
Master: Failed

To Reproduce
Steps to reproduce the behavior:

git clone https://github.com/apache-superset/superset-ui-plugins-deckgl.git
npm install
npm run build

Expected behavior
Build success

Actual behaviour
Build failed.
Error: (Master branch)

DRIVER Running TypeScript v3.9.2 driver (failed)

packages/superset-ui-legacy-preset-chart-deckgl/src/components/Tooltip.tsx(2,27): error TS2307: Cannot find module 'xss' or its corresponding type declarations.
packages/superset-ui-legacy-preset-chart-deckgl/src/utils/computeBoundsFromPoints.ts(1,36): error TS7016: Could not find a declaration file for module 'd3-array'. 'C:/source/***/***/superset-ui-plugins-deckgl/node_modules/d3-array/dist/d3-array.js' implicitly has an 'any' type.
  Try `npm install @types/d3-array` if it exists or add a new declaration (.d.ts) file containing `declare module 'd3-array';`

Failed to execute pipeline. The following errors have occurred:

Command failed with exit code 1: tsc --build


    at makeError (C:\source\***\***\superset-ui-plugins-deckgl\node_modules\@boost\core\node_modules\execa\lib\error.js:56:11)
    at handlePromise (C:\source\***\***\superset-ui-plugins-deckgl\node_modules\@boost\core\node_modules\execa\index.js:114:26)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)

nimbus typescript

Environment (please complete the following information):

Node version: 12.16.1
npm version: 6.13.4

How to use new Kepler Plugin

I saw this PR #2 that added a Kepler plugin, but I am having trouble figuring out how to add it to Superset. Can you possibly point me in the right direction? @mistercrunch @betodealmeida

Superset Deck.GL Charts Fail to Load After Installation

Bug Description
Ran into two issues while installing on two different operating systems: Ubuntu 20 and Mac OSX Catalina. Yarn appeared to install successfully.

To Reproduce
Steps to reproduce the behavior:

Install using the following tools versioned as shown:

Python3 v. 3.7.10
Node v. 14.17.0
yarn v. 1.22.10
npm v. 7.15.0

Then,

git clone ...superset-ui && cd superset-ui
yarn install
yarn build

I ran into two errors show in red letters. One reported that the build was missing antd;

https://www.npmjs.com/package/antd

The second error reported that it was missing react icons:

https://www.npmjs.com/package/react-icons

I installed each of these packages, and then the install completed. But when I launched the app on port 9001, the charts do not appear on the side menu.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

superset-ui version: [e.g. v0.5.0]
Node version: node -v
npm version: npm -v

Additional context
Add any other context about the problem here.

Offline Tileserver

Is there any config to use local tileserver instead of online mapbox?

NaN in formatCategoryLabel() in deck.gl Scatterplot

Describe the bug
The property Point Color using a string field as a Dimension results in a Legend with NaN values in deck.gl Scatterplot

To Reproduce
Steps to reproduce the behavior:

Build a deck.gl Scatterplot chart
Click on Point Color
Select 'Original value' and choose a string as dimension
See error NaN in Legend

Expected behavior
Selecting 'Original value' as Legend format must bypass D3 formatting and print the string Dimension categories as is.

Environment (please complete the following information):

superset-ui version: [Version: 0.999.0dev]

Additional context
When 'Original value' is selected, this.props.format = '~g'. In formatCategoryLabel() only checks if !this.props.format to return unformatted values.
A workaround, as suggestion, is to change

superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/components/Legend.jsx

Line 58 in d081d53

if (!this.props.format) {

to
if (!this.props.format || this.props.format==='~g') {

Polygon Layer Viewport Change on Filter Set

A clear and concise description of what the bug is.

Expected results
When a Filter is set in a Table for a Polygon Layer.

A Filter is set and the Viewport didnt update.

Error happened

Could not fit viewport Error: @math.gl/web-mercator: assertion failed.

because the Coordiantes are Zero then. after

if (formData.autozoom) {
viewport = fitViewport(viewport, {
width,
height,
points: features.flatMap(getPointsFromPolygon)
});
}

Polygon.js

Actual results
Viewport zooms out to stanrdard 6.85236157047845, 31.222656842808707

How to reproduce the bug
Create a GeoJSON Layer with More then 2 Polygons set a Filter on it.
The Viewport did not update to the Polygon

Environment
superset version: latest
python version: 3.6.4
node.js version: 13
npm version: latest
Checklist
Make sure these boxes are checked before submitting your issue - thank you!

[x ] I have checked the superset logs for python stacktraces and included it here as text if there are any.
[ x] I have reproduced the issue with at least the latest released version of superset.
[x ] I have checked the issue tracker for the same issue and I haven't found one similar.

Multi Viewport Problem

Describe the bug
First of all the Multi Layer Chart did not recognize

this.state.viewport if its set after LoadLayers.

The next one is that Table Filtern would not be recognized

simple fix is changing filters in Multi.jsx to extra_filters and it works.

but the other huge problem is the viewport did not update after a filter is set

To Reproduce
Steps to reproduce the behavior:

do a multi Layer chart with a Scatterplot and Polygon Layer also create a Table with Filtering options.

now Filter on Multi Layer Chart nothing happend.

Expected behavior

The Table Filter should work with Multi Layer Chart (Quick Fix see Above)

Screenshots

Environment (please complete the following information):

superset-ui version: latest
Node version: `latest
npm version: latest

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.