marimo notebook

import%20marimo%0A%0A__generated_with%20%3D%20%220.14.15%22%0Aapp%20%3D%20marimo.App()%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%23%20Basic%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20return%20(mo%2C)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20a%20%3D%2010%0A%20%20%20%20return%20(a%2C)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20b%20%3D%20100%0A%20%20%20%20return%20(b%2C)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(a%2C%20b)%3A%0A%20%20%20%20print(f%22%22%22%0A%20%20%20%20We%20have%20%7Ba%20%3D%20%7D%0A%0A%20%20%20%20and%0A%0A%20%20%20%20%7Bb%20%3D%20%7D%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20%23%20we%20cannot%20re-assign%20a%20again%20cz%20it%20will%20cause%20confusion%20of%20the%20order%20of%20execution%0A%20%20%20%20%23%20uncomment%20below%20line%20and%20see%20yourself%0A%0A%20%20%20%20%23%20a%20%3D%2015%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(a%2C%20b%2C%20c%2C%20mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20We%20have%20%7Ba%20%3D%20%7D%0A%0A%20%20%20%20and%0A%0A%20%20%20%20%7Bb%20%3D%20%7D%0A%0A%20%20%20%20and%20where%20is%20%7Bc%20%3D%20%7D%2C%20tho%3F%0A%0A%20%20%20%20c%20is%20devined%20it%20the%20cell%20located%20at%20bottom%20of%20this%20notebook!%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(r%22%22%22%23%20%60marimo.ui%60%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20r%22%22%22%0A%20%20%20%20What%20is%20realy%20interesing%20about%20marimo%20is%20its%20reactivity%0A%0A%20%20%20%20We%20will%20use%20%60marimo.ui.slider%60%20and%20%60marimo.md%60%20to%20demonstrate%20this%0A%0A%0A%20%20%20%20---%0A%0A%20%20%20%20We%20can%20ma%20construct%20an%20f-string%20and%20pass%20it%20to%20%60marimo.md%60%20and%20marimo%20will%20give%20us%20back%20an%20html%20that%20nicely%20rendered%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_(mo)%3A%0A%20%20%20%20slider_a%20%3D%20mo.ui.slider(label%3D%22Slider%20a%22%2C%20value%3D10%2C%20step%3D1%2C%20start%3D1%2C%20stop%3D20)%0A%20%20%20%20number_b%20%3D%20mo.ui.number(label%3D%22Numebr%20b%22%2C%20value%3D10)%0A%0A%20%20%20%20slider_a%2C%20number_b%0A%20%20%20%20return%20number_b%2C%20slider_a%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo%2C%20slider_a)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20As%20you%20can%20see%20above%2C%20that%20is%20a%20nice%20slider%20and%20an%20input%20field.%0A%0A%20%20%20%20the%20cool%20part%20is%20we%20can%20acces%20its%20value%20by%20using%20dot%20notation%20to%20access%20its%20%60value%60%20property%0A%0A%20%20%20%20%7Bslider_a.value%20%3D%20%7D%0A%0A%20%20%20%20%3E%20try%20slide%20the%20slider%20or%20change%20the%20number%20and%20see%20the%20immidiate%20change%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo%2C%20number_b%2C%20slider_a)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20And%20you%20can%20do%20things%20like%20following%2C%20too%0A%0A%20%20%20%20Crying%20(%7Bslider_a.value%7D%20%2B%20%7Bnumber_b.value%7D)%20times%0A%0A%20%20%20%20%7B%22%F0%9F%98%AD%22%20*%20(slider_a.value%20%2B%20number_b.value)%7D%0A%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_()%3A%0A%20%20%20%20c%20%3D%2090%0A%20%20%20%20return%20(c%2C)%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A