How to embed plotly visualizations without RequireJS

Hey there - I work on a project called Jupyter Book that lets people share collections of notebooks as a static website.

I’m working on a page for interactive visualization libraries, and I am having a hard time getting Plotly to work. I believe that the reason for this is our SSG uses Bootstrap, and RequireJS (needed by the plotly renderer) doesn’t easily work with Bootstrap.

Are there guidelines for displaying interactive plotly graphs in HTML without RequireJS? Or, suggestions for how to get RequreJS to work with Bootstrap that could be added to the docs? Given how common Bootstrap is, perhaps this is something that could benefit others as well (e.g. I know the new pydata-sphinx-theme also uses Bootstrap, so plotly viz won’t work there either)

[nicolaskruchten]

Our whole doc site is built using Jupytext/nbconvert to make HTML fragments that are then stitched together using Jekyll… The nbconvert bit relies on RequireJS and the Jekyll bit is styled with Bootstrap. We use Jekyll because the same CMS contains docs for Javascript and R, and each language’s docs are in some idiomatic format that we needed to glue together somehow 😃

[choldgraf]

nice, thanks for the explanation 😃 we were using Jekyll in the Jupyter Book project as well, though we’re moving to Sphinx to make it easier for things like references across pages etc.