Get help from the marimo community

Updated 2 days ago

Marimo Notebook integration

So like I am a developper of an AI tool called Mantis, Mantis is a data visualization and cognitive cartography tool using LLM technology to visualize and interact with textual data.
The thing is we already have coding sandbox, but its not that good and we want now to replace this coding sandbox with MarimoNotebooks, and we want it to be fully integrated in the frontend, no use of the backend. Our app is based on panels (look at the image, as an example the narrator is a panel, the inspector is a panel...), and what we wanna do is add a marimo notebook panel. So how can we do that ? We've already looked at using pyodide to integrate that, but is there another way. Thanks

PS:Our app uses typescript and react for the frontend
Attachment
Screenshot_20250303_170858_Samsung_Internet.jpg
R
M
A
15 comments
Hey, you can iframe a notebook in if you're running an edit server
Yep embedding an iframe would be ideal. You can do an edit server, or web-assembly https://docs.marimo.io/guides/publishing/playground/?h=iframe#embedding-an-existing-notebook
But, the thing is if I ran an iframe, all the users will have the same notebook ? Am I wrong ?
I was also wondering if I can use pyodide tu run directly on the frontend without using the backend
yeah probably; might make saving notebook state slightly harder if your lab requires that. i think you're hitting on the webassembly version myles mentioned
@Myles Scolnick so I can't use pyodid to implement marimo's notebooks
so is it possible to run it only with pyodid ?
Yes, you can run marimo via pyodide. See the docs I linked
@AnasDaGoat pyodide is just a python port to webassembly; webassembly is what you care about as the underlying "engine" and marimo already exports to that
Finally done it, btw Riya, could you sync with me because I have more questions on how to add features in here, as an example, here if I click one point on the map, or a group of point, I wanna be able to analyse them and manipulate them using marimo's notebook, do u think its possible ?
Add a reply
Sign up and join the conversation on Discord