Integrate Highchart with Plotly Dash

HI All,

I want to integrate a Highchart code with the Dash that I have already developed . I referred the github link Dash alternative-viz but i did not find how to embed .

Can someone suggest any guidance.

The highchart code that I want to embed is

Moving Bubble chart

As per the requirement when I click a button in Dash I should be able to run this code and give the output in Dash.

Can someone help me with this requirement. Dash code I have written already but I don’t know how to embed this highchart version.

Thanks,
Meera

You need to import highcharts cdn as external_scripts in the app constructor. Then have a .js file in the assets directory with the code for the chart. And then finally have a clienside callback that points to the .js do file and function in it and also the dcc component where you want to have the chart rendered.

This is really interesting.
Is this an approach that would work to integrate other Javascript widgets into a Dash app?
If it is, is there any tutorial or code example showing how to do it in more detail?

Hello @davidharris,

There are quite a few examples of this scattered throughout.

One of the most recent ones is one I posted about with full calendar js, @PipInstallPython created the topic. :slight_smile:

And yes, any external library can work the way that I highlighted, and also send data back to the dash eco-system via dash_clietnside.set_props.