How to display a jupyter notebook within a dash app?

Hi Everyone,
Preface - this is NOT a question about running dash apps from jupyter notebooks.

Rather, I’m interested in adding a jupyter notebook to a tab in a dash app. The notebook would serve as supporting documentation for the main layout. It would be cool to be able to show the .html static version of the notebook (served locally or from github). It would be amazing to display the mybinder link within the app for interactive use of the notebook by the user.

I’m familiar with the dash documentation, but didn’t get a sense of where to start on this experiment. Thanks for any ideas, hints, or examples!

You might be able to export the notebook as raw html and then embed it with html.Iframe(srcDoc=<raw-html-sting>).

Let us know what you end up with!

Thank you for the suggestion. However, the iframe displays the notebook as just an HTML page and not the actual Jupyter notebook where we can run the code.

To give a bit of background, we are building a Plotly Dash application where we would like to give users some freedom to apply small-scale transformations to the data being plotted. Currently, a large dataset is loaded in the background, and predefined aggregations are performed and plotted. The user wants to play with a few variables to see how the plots change, which can be done using a Jupyter notebook.

Your help here is much appreciated.