viz: Combine code for rendering in browser and Jupyter

[rht]

This unifies the rendering code, simplifying it and reducing maintenance overhead. Solara now has a built-in way to show the sidebar, when the hamburger button is clicked. @tpike3 you might want to update the Mesa-Geo equivalent.

[rht]

Clarification: the screenshot was taken from a Jupyter notebook UI.

[github-actions]

Performance benchmarks:

Model	Size	Init time [95% CI]	Run time [95% CI]
Schelling	small	🔵 +0.1% [-0.2%, +0.4%]	🔵 +0.4% [+0.2%, +0.6%]
Schelling	large	🔵 +0.4% [-0.3%, +1.1%]	🔵 +0.3% [-0.6%, +1.1%]
WolfSheep	small	🔵 -0.1% [-1.0%, +0.6%]	🔵 -0.3% [-0.6%, -0.1%]
WolfSheep	large	🔵 +0.1% [-0.2%, +0.4%]	🔵 -0.9% [-1.9%, -0.1%]
BoidFlockers	small	🔵 +0.8% [+0.1%, +1.4%]	🔵 +0.4% [-0.4%, +1.1%]
BoidFlockers	large	🔵 +1.4% [+0.7%, +2.0%]	🔵 -0.2% [-0.8%, +0.3%]

[rht]

Request for review: @projectmesa/maintainers

[jackiekazil]

@rht I took a look at this and tried to run it --- can you explicitly point me to the code that demonstrates this?

[rht]

You have to run https://github.com/projectmesa/mesa-examples/tree/main/examples/schelling_experimental (after manually editing from mesa.experimental import JupyterViz, ... to from mesa.visualization import JupyterViz, .... But more importantly, to test the UI change when rendered on a Jupyter notebook. There is no .ipynb on that example folder yet, so you have to copy-paste the app.py code to a fresh new notebook.

[jackiekazil]

Thank you. I wonder if this is an opportunity to create an example of the solara app in a jupyter notebook?

Regardless, this LGTM.

[rht]

Will do during the revamp of the examples to Mesa 3.0.

[EwoutH]

Looks like good stuff, thanks for working on this!

[EwoutH]

I would like to resolve this error in the stable version of our Visualization Tutorial.

Apparently this PR does that for the main mesa branch. Can we cherry pick some part of it (in a non-breaking way) to resolve this warning on Mesa 2.3.x?