Embedding notebook in JupyterBook

At a glance

The community member is trying to embed a notebook produced by marimo export html in a JupyterBook project and wants the notebook to respect the dark/light theme of the book. The community members discuss various approaches, such as embedding the HTML in the same DOM as the notebook, using an iframe, and setting the display.theme to "system". However, these solutions do not work. The community members then explore including the output of marimo export ipynb in the JupyterBook and linking out to the interactive marimo app. They also discuss issues with the version of NumPy on Pyodide and the difficulty of including separately generated HTML as a page in Sphinx. The community members suggest reaching out to the Pyodide team for guidance on this issue.

Useful resources

llucascolley

I am embedding a notebook produced by marimo export html in a JupyterBook project. How can I make the notebook respect the dark/light theme of the book?

14 comments

MMyles Scolnick

are you embedding the html in the same DOM as the notebook? or embedding in an iframe?
what is the config in your marimo config show for display.theme? setting to system might help

llucascolley

thanks for the quick response @Myles Scolnick ! Currently, I am using:

Plain Text

{raw} html
:file: static/tutorial.html

Setting to display.theme to system does not help, unfortunately.

No worries though, I think I will probably just link out to a separate window, rather than embedding in the book

AAkshay

@lucascolley — if the jupyterbook is public, I’d love to see it when it’s ready! 🙂

llucascolley

change of plan, I'm now looking at including the output of marimo export ipynb in the jupyterbook, and including a link out to the interactive marimo app

llucascolley

I'm working on https://static.marimo.app/static/marray-qs5t - currently blocked by the version of NumPy on Pyodide I think

llucascolley

it seems that sphinx (or at least the book theme) doesn't have any good ways to include separately generated html as a page

MMyles Scolnick

you might be able to do import micropip; await.micropip.install("numpy==<version>") before your numpy import to get the correct version (assuming there is a pyodide-compatible built of it)

llucascolley

I've also got it to work with sandbox locally - can I get sandbox notebooks on marimo.app ?

llucascolley

I don't think that works for packages with non-pure python wheels

MMyles Scolnick

I saw your request. Do you know if numpy has been built? If I implemented the sandbox request, it will only call to micropip so may not work for numpy

MMyles Scolnick

If numpy has been built but lives elsewhere, I think we can patch the pyodide lock file with the new version

llucascolley

it sounds like it can be built, but I'm not sure how easy that is outside of the pyodide tree

AAkshay

This might be a good question for the Pyodide team? I wonder if they have thought about this problem. They are pretty responsive to GitHub discussions, and you can tag me and Myles

llucascolley

yeah, I asked on the pyodide discord

Add a reply

Get help from the marimo community

Embedding notebook in JupyterBook