Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Is it possible to use deck gl with dash?

I was wondering if it is possible to use deck.gl with dash.

Deck.gl is a powefull graphing library which is being developed by Uber. It is also based upon React.

So, I thought that it would be incredible to have both tools, dash and deckgl, working together.

Does anyone know how feasible it is?

Cheers

For sure! You would just need to wrap it up in a Dash component interface. See the guides in the “Creating Your Own Components” section in the documentation:
https://dash.plot.ly/

Nice!

I’ll try to wrap it and keep you posted.

:slight_smile:

Great, let us know how it goes!

Hey @chriddyp,

I manage to get it working! I’ve made a video https://youtu.be/NNtL5vlu-tE showing it rendering 10k lines.

Everything that I’ve done so far is can be found here: https://github.com/JoaoCarabetta/deckgl2plotly

I plan to add other layer types and improve styling etc in the future.

However, when I tried to use by installing the tarball, I got this error:

Uncaught (in promise) Error: deckglplotly was not found.
at Object.resolve (registry.js:16)
at p (TreeContainer.js:73)
at Array.map (<anonymous>)
at p (TreeContainer.js:58)
at Array.map (<anonymous>)
at p (TreeContainer.js:58)
at Array.map (<anonymous>)
at p (TreeContainer.js:58)
at Array.map (<anonymous>)
at p (TreeContainer.js:58)

You can reproduce it using the usage.py and test.json files.

Do you know what I am missing?

Did you publish to npm ? Your __init__ contains the external_url, when apps are set to not serve locally, they will take that url instead of the local one. You can remove the external_url key if you don’t want to publish to npm and it will always serve your component from the local install.

Amazing stuff @jaotta!!