demo

import%20marimo%0A%0A__generated_with%20%3D%20%220.13.15%22%0Aapp%20%3D%20marimo.App()%0A%0Awith%20app.setup%3A%0A%20%20%20%20import%20altair%20as%20alt%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20import%20matplotlib.pyplot%20as%20plt%0A%20%20%20%20import%20numpy%20as%20np%0A%20%20%20%20from%20vega_datasets%20import%20data%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(leaves)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20%20%20%20%20%23%20marimo%20slides!%20%7B%22%F0%9F%8D%83%22%20*%20leaves.value%7D%0A%0A%20%20%20%20%20%20%20%20**A%20presentation%20by%20the%20marimo%20team.**%0A%0A%20%20%20%20%20%20%20%20%7Bleaves%7D%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20).left().center()%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20leaves%20%3D%20mo.ui.slider(1%2C%2012)%0A%20%20%20%20return%20(leaves%2C)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_()%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20r%22%22%22%0A%20%20%20%20**marimo**%20is%20an%20open-source%20Python%20notebook%20that's%20reproducible%2C%20shareable%20as%20an%20app%2C%20and%20executable%20as%20a%20script.%0A%0A%20%20%20%20Install%20it%20with%20%60pip%20install%20marimo%60%2C%20and%20learn%20more%20at%20%5BGitHub%5D(https%3A%2F%2Fgithub.com%2Fmarimo-team%2Fmarimo).%0A%0A%20%20%20%20Starting%20with%20**v0.7.2**%2C%20every%20marimo%20notebook%20can%20be%20shared%20as%20an%20interactive%20slide%20deck.%0A%0A%20%20%20%20**In%20fact%2C%20this%20slide%20deck%20was%20made%20with%20a%20marimo%20notebook!**%20To%20present%20your%20notebook%20as%20slides%2C%0A%20%20%20%20just%20toggle%20the%20app%20view%20and%20choose%20the%20slide%20layout%20in%20the%20top%20right.%0A%20%20%20%20Every%20cell%20with%20an%20output%20becomes%20its%20own%20slide.%0A%0A%20%20%20%20Next%20are%20a%20couple%20of%20examples%20of%20dynamic%20slides.%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20mo.md(r%22%23%23%20Dynamic%20plots%22).center()%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20exponent%20%3D%20mo.ui.slider(1%2C%203%2C%20label%3D%22exponent%22)%0A%20%20%20%20return%20(exponent%2C)%0A%0A%0A%40app.cell%0Adef%20_(exponent)%3A%0A%20%20%20%20x%20%3D%20np.linspace(-3%2C%203%2C%20100)%0A%20%20%20%20y%20%3D%20x**exponent.value%0A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20rf%22%22%22%0A%20%20%20%20%20%20%20%20%7Bexponent%7D%0A%0A%20%20%20%20%20%20%20%20%5C%5B%0A%20%20%20%20%20%20%20%20y%20%3D%20x%5E%7Bexponent.value%7D%0A%20%20%20%20%20%20%20%20%5C%5D%0A%0A%20%20%20%20%20%20%20%20%7Bmo.as_html(make_plot(x%2C%20y))%7D%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20).center()%0A%20%20%20%20return%0A%0A%0A%40app.function%0Adef%20make_plot(x%2C%20y)%3A%0A%20%20%20%20%22%22%22Create%20a%20matplotlib%20plot%20of%20x%20vs%20y.%0A%0A%20%20%20%20Args%3A%0A%20%20%20%20%20%20%20%20x%3A%20Array%20of%20x%20values%0A%20%20%20%20%20%20%20%20y%3A%20Array%20of%20y%20values%0A%0A%20%20%20%20Returns%3A%0A%20%20%20%20%20%20%20%20Matplotlib%20axes%20object%20with%20the%20plot%0A%20%20%20%20%22%22%22%0A%20%20%20%20plt.plot(x%2C%20y)%0A%20%20%20%20plt.ylim(-27%2C%2027)%0A%20%20%20%20plt.xlim(-3%2C%203)%0A%20%20%20%20return%20plt.gca()%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20mo.md(%22%22%22%23%20Select%20data%20in%20plots%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20chart%20%3D%20mo.ui.altair_chart(%0A%20%20%20%20%20%20%20%20alt.Chart(data.cars())%0A%20%20%20%20%20%20%20%20.mark_circle(size%3D60)%0A%20%20%20%20%20%20%20%20.encode(%0A%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22Horsepower%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20y%3D%22Miles_per_Gallon%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3D%22Origin%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20tooltip%3D%5B%22Name%22%2C%20%22Origin%22%2C%20%22Horsepower%22%2C%20%22Miles_per_Gallon%22%5D%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20)%0A%20%20%20%20return%20(chart%2C)%0A%0A%0A%40app.cell%0Adef%20_(chart)%3A%0A%20%20%20%20mo.vstack(%5Bmo.md(%22**Click%20and%20drag%20to%20select%20data.**%22)%2C%20chart%2C%20chart.value%5D)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20mo.md(r%22%22%22%23%23%20Thanks!%22%22%22)%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A