lecture2 marimo demo

import%20marimo%0A%0A__generated_with%20%3D%20%220.23.16%22%0Aapp%20%3D%20marimo.App(%0A%20%20%20%20width%3D%22full%22%2C%0A%20%20%20%20layout_file%3D%22data%3Aapplication%2Fjson%3Bbase64%2CewogICJ0eXBlIjogInNsaWRlcyIsCiAgImRhdGEiOiB7CiAgICAiY2VsbHMiOiBbCiAgICAgIHt9LAogICAgICB7fSwKICAgICAge30sCiAgICAgIHt9LAogICAgICB7fSwKICAgICAge30sCiAgICAgIHt9CiAgICBdLAogICAgImRlY2siOiB7fQogIH0KfQ%3D%3D%22%2C%0A%20%20%20%20css_file%3D%22custom.css%22%2C%0A)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20import%20numpy%20as%20np%0A%20%20%20%20import%20matplotlib.pyplot%20as%20plt%0A%20%20%20%20from%20scipy%20import%20stats%0A%20%20%20%20import%20io%0A%20%20%20%20from%20textwrap%20import%20dedent%0A%0A%20%20%20%20%23%20---%20Shared%20styling%20to%20match%20the%20Keynote%20deck%20(Helvetica%20Neue%2C%20black%20text)%20---%0A%20%20%20%20HEAD_FONT%20%3D%20%22-apple-system%2C%20'Helvetica%20Neue'%2C%20Arial%2C%20sans-serif%22%0A%0A%20%20%20%20%23%20Type%20sizes%20are%20viewport-relative%20(vw)%20so%20they%20grow%20in%20marimo's%20native%0A%20%20%20%20%23%20fullscreen.%20%60rem%60%20is%20tied%20to%20the%20root%20font-size%2C%20which%20fullscreen%20does%0A%20%20%20%20%23%20not%20change%20%E2%80%94%20that's%20why%20the%20deck%20used%20to%20keep%20laptop-sized%20text%20on%20a%0A%20%20%20%20%23%20projector.%20clamp()%20keeps%20it%20readable%20in%20a%20small%20window%20too.%0A%20%20%20%20H1_SIZE%20%3D%20%22clamp(1.6rem%2C%202.6vw%2C%205rem)%22%0A%20%20%20%20H2_SIZE%20%3D%20%22clamp(0.95rem%2C%201.4vw%2C%202.6rem)%22%0A%0A%20%20%20%20def%20slide_style(body%3A%20str)%20-%3E%20str%3A%0A%20%20%20%20%20%20%20%20return%20f%22%22%22%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22font-family%3A%7BHEAD_FONT%7D%3B%20padding%3A%202rem%203rem%3B%22%3E%0A%20%20%20%20%20%20%20%20%7Bbody%7D%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%22%22%22%0A%0A%20%20%20%20def%20h1(text%3A%20str)%20-%3E%20str%3A%0A%20%20%20%20%20%20%20%20return%20f'%3Cdiv%20style%3D%22font-family%3A%7BHEAD_FONT%7D%3B%20font-weight%3A800%3B%20font-size%3A%7BH1_SIZE%7D%3B%20color%3A%23111%3B%20line-height%3A1.15%3B%20margin-bottom%3A0.6rem%3B%22%3E%7Btext%7D%3C%2Fdiv%3E'%0A%0A%20%20%20%20def%20h2(text%3A%20str)%20-%3E%20str%3A%0A%20%20%20%20%20%20%20%20return%20f'%3Cdiv%20style%3D%22font-family%3A%7BHEAD_FONT%7D%3B%20font-weight%3A700%3B%20font-size%3A%7BH2_SIZE%7D%3B%20color%3A%23111%3B%20margin-top%3A-0.3rem%3B%22%3E%7Btext%7D%3C%2Fdiv%3E'%0A%0A%20%20%20%20def%20bullet_slide(tag%3A%20str%2C%20heading%3A%20str%2C%20body_md%3A%20str%2C%20image_html%3DNone)%20-%3E%20None%3A%0A%20%20%20%20%20%20%20%20%22%22%22Two-column%3A%20tag%20%2B%20heading%20%2B%20bullet%2Fmarkdown%20body%20on%20the%20left%2C%0A%20%20%20%20%20%20%20%20an%20optional%20image%20or%20figure%20on%20the%20right.%20Matches%20the%0A%20%20%20%20%20%20%20%20'Lecture%20N%20%2F%20Heading%20%2F%20list'%20layout%20used%20throughout%20the%20deck.%22%22%22%0A%20%20%20%20%20%20%20%20%23%20Headings%20go%20through%20mo.Html%2C%20NOT%20mo.md%3A%20mixing%20raw%20%3Cdiv%3Es%20and%20an%0A%20%20%20%20%20%20%20%20%23%20indented%20markdown%20body%20in%20one%20mo.md()%20makes%20the%20dedent%20leave%204%0A%20%20%20%20%20%20%20%20%23%20spaces%20on%20the%20div%20lines%2C%20which%20markdown%20then%20renders%20as%20a%20code%0A%20%20%20%20%20%20%20%20%23%20block%20(i.e.%20the%20HTML%20shows%20up%20as%20text%20on%20the%20slide).%0A%20%20%20%20%20%20%20%20left%20%3D%20mo.vstack(%0A%20%20%20%20%20%20%20%20%20%20%20%20%5Bmo.Html(h2(tag)%20%2B%20h1(heading))%2C%20mo.md(dedent(body_md).strip())%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20gap%3D0.25%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20align%3D%22stretch%22%2C%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20if%20image_html%20is%20not%20None%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20mo.hstack(%5Bleft%2C%20image_html%5D%2C%20widths%3D%5B1%2C%201%5D%2C%20align%3D%22start%22%2C%20gap%3D2)%0A%20%20%20%20%20%20%20%20return%20left%0A%0A%20%20%20%20def%20responsive_fig(fig)%3A%0A%20%20%20%20%20%20%20%20%22%22%22Export%20a%20matplotlib%20figure%20as%20SVG%20and%20force%20it%20to%20scale%20with%20its%0A%20%20%20%20%20%20%20%20container%20(width%3A100%25%3B%20height%3Aauto)%2C%20rather%20than%20sitting%20at%20a%20fixed%0A%20%20%20%20%20%20%20%20pixel%20size%20that%20ignores%20fullscreen%2Fslide%20dimensions.%22%22%22%0A%20%20%20%20%20%20%20%20buf%20%3D%20io.StringIO()%0A%20%20%20%20%20%20%20%20fig.savefig(buf%2C%20format%3D%22svg%22%2C%20bbox_inches%3D%22tight%22)%0A%20%20%20%20%20%20%20%20svg%20%3D%20buf.getvalue()%0A%20%20%20%20%20%20%20%20plt.close(fig)%0A%20%20%20%20%20%20%20%20svg%20%3D%20svg.replace(%22%3Csvg%20%22%2C%20'%3Csvg%20style%3D%22width%3A100%25%3B%20height%3Aauto%3B%20display%3Ablock%3B%22%20'%2C%201)%0A%20%20%20%20%20%20%20%20return%20mo.Html(f'%3Cdiv%20style%3D%22width%3A100%25%3B%22%3E%7Bsvg%7D%3C%2Fdiv%3E')%0A%0A%20%20%20%20return%20bullet_slide%2C%20h1%2C%20mo%2C%20np%2C%20plt%2C%20responsive_fig%2C%20stats%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Slide%201%20%E2%80%94%20title%2C%20untouched%20passthrough%20image%0A%20%20%20%20mo.image(src%3D%22images%2Ftitle_slide.png%22%2C%20width%3D%22100%25%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(bullet_slide%2C%20mo)%3A%0A%20%20%20%20%23%20Extra%20demo%20slide%20%E2%80%94%20%22Lecture%202%20%2F%20Outline%22%2C%20ported%20natively%20(no%20image%0A%20%20%20%20%23%20export%20needed%20%E2%80%94%20it's%20pure%20text%2Fbullets%2C%20editable%20directly%2C%20no%0A%20%20%20%20%23%20Keynote%20round-trip%20needed%20for%20small%20text%20changes).%0A%20%20%20%20bullet_slide(%0A%20%20%20%20%20%20%20%20tag%3D%22Lecture%202%22%2C%0A%20%20%20%20%20%20%20%20heading%3D%22Outline%22%2C%0A%20%20%20%20%20%20%20%20body_md%3D%22%22%22%0A%20%20%20%20%20%20%20%201.%20Common%20Probability%20Distributions%0A%20%20%20%20%20%20%20%20%20%20%20%20-%20a.%20Uniform%0A%20%20%20%20%20%20%20%20%20%20%20%20-%20b.%20Normal%0A%20%20%20%20%20%20%20%20%20%20%20%20-%20c.%20Exponential%0A%20%20%20%20%20%20%20%20%20%20%20%20-%20d.%20Binomial%0A%20%20%20%20%20%20%20%20%20%20%20%20-%20e.%20Poisson%0A%20%20%20%20%20%20%20%202.%20Central%20Limit%20Theorem%0A%20%20%20%20%20%20%20%203.%20Multivariate%20Probability%20Distributions%0A%20%20%20%20%20%20%20%20%22%22%22%2C%0A%20%20%20%20%20%20%20%20image_html%3Dmo.image(src%3D%22images%2Ftitle_slide.png%22%2C%20width%3D%22100%25%22)%2C%0A%20%20%20%20)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Widget%20defined%20in%20its%20own%20cell%20(no%20visible%20output%20%E2%86%92%20no%20extra%20slide)%2C%0A%20%20%20%20%23%20so%20only%20the%20cell%20below%20%E2%80%94%20title%20%2B%20slider%20%2B%20plot%20together%20%E2%80%94%20renders%20as%20a%20slide.%0A%20%20%20%20lam_slider%20%3D%20mo.ui.slider(0.5%2C%2015%2C%20value%3D4%2C%20step%3D0.5%2C%20label%3D%22%CE%BB%22)%0A%20%20%20%20return%20(lam_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(h1%2C%20lam_slider%2C%20mo%2C%20np%2C%20plt%2C%20responsive_fig%2C%20stats)%3A%0A%20%20%20%20%23%20Slide%202%20%E2%80%94%20The%20Poisson%20Distribution%2C%20rebuilt%20%2B%20interactive%0A%20%20%20%20k%20%3D%20np.arange(0%2C%2021)%0A%20%20%20%20pmf%20%3D%20stats.poisson.pmf(k%2C%20lam_slider.value)%0A%0A%20%20%20%20fig%2C%20ax%20%3D%20plt.subplots(figsize%3D(5%2C%204.2))%0A%20%20%20%20ax.plot(k%2C%20pmf%2C%20color%3D%22gray%22%2C%20lw%3D1%2C%20zorder%3D1)%0A%20%20%20%20ax.scatter(k%2C%20pmf%2C%20color%3D%22%237B3FA0%22%2C%20edgecolor%3D%22black%22%2C%20s%3D45%2C%20zorder%3D2)%0A%20%20%20%20ax.set_xlabel(%22k%22)%0A%20%20%20%20ax.set_ylabel(%22P(x%20%3D%20k)%22)%0A%20%20%20%20ax.set_ylim(0%2C%200.42)%0A%20%20%20%20ax.set_xlim(-0.5%2C%2020.5)%0A%20%20%20%20ax.spines%5B%5B%22top%22%2C%20%22right%22%5D%5D.set_visible(False)%0A%20%20%20%20plt.tight_layout()%0A%0A%20%20%20%20left%20%3D%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20%20%20%20%20%7Bh1(%22The%20Poisson%20Distribution%22)%7D%0A%0A%20%20%20%20%20%20%20%20The%20limit%20of%20the%20Binomial%20distribution%20when%20the%20number%20of%20trials%20is%20very%0A%20%20%20%20%20%20%20%20large%2C%20and%20the%20success%20rate%20is%20very%20small%2C%20%CE%BB%20%E2%89%A1%20Np%0A%0A%20%20%20%20%20%20%20%20%24%24f(k%3B%5C%5Clambda)%20%3D%20P(X%3Dk)%20%3D%20%5C%5Cdfrac%7B%7B%5C%5Clambda%5Ek%20e%5E%7B%7B-%5C%5Clambda%7D%7D%7D%7D%7B%7Bk!%7D%7D%24%24%0A%0A%20%20%20%20%20%20%20%20%24%24E%5Bx%5D%20%3D%20%5C%5Clambda%20%5C%5Cqquad%20V%5Bx%5D%20%3D%20%5C%5Clambda%24%24%0A%0A%20%20%20%20%20%20%20%20%7Blam_slider%7D%0A%0A%20%20%20%20%20%20%20%20**%CE%BB%20%3D%20%7Blam_slider.value%7D**%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%0A%20%20%20%20mo.hstack(%5Bleft%2C%20responsive_fig(fig)%5D%2C%20widths%3D%5B1%2C%201%5D%2C%20align%3D%22center%22%2C%20gap%3D2)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Widget%20defined%20in%20its%20own%20cell%20(no%20visible%20output%20%E2%86%92%20no%20extra%20slide)%0A%20%20%20%20mu_slider%20%3D%20mo.ui.slider(-4%2C%204%2C%20value%3D0%2C%20step%3D0.5%2C%20label%3D%22%CE%BC%22)%0A%20%20%20%20sigma_slider%20%3D%20mo.ui.slider(0.2%2C%205%2C%20value%3D1%2C%20step%3D0.1%2C%20label%3D%22%CF%83%C2%B2%22)%0A%20%20%20%20return%20mu_slider%2C%20sigma_slider%0A%0A%0A%40app.cell%0Adef%20_(h1%2C%20mo%2C%20mu_slider%2C%20np%2C%20plt%2C%20responsive_fig%2C%20sigma_slider%2C%20stats)%3A%0A%20%20%20%20%23%20Slide%203%20%E2%80%94%20The%20Gaussian%20Distribution%2C%20rebuilt%20%2B%20interactive%0A%20%20%20%20x%20%3D%20np.linspace(-8%2C%208%2C%20400)%0A%20%20%20%20sigma%20%3D%20np.sqrt(sigma_slider.value)%0A%20%20%20%20y%20%3D%20stats.norm.pdf(x%2C%20mu_slider.value%2C%20sigma)%0A%0A%20%20%20%20fig2%2C%20ax2%20%3D%20plt.subplots(figsize%3D(5%2C%204.2))%0A%20%20%20%20ax2.plot(x%2C%20y%2C%20color%3D%22%231f4fd6%22%2C%20lw%3D2.5)%0A%20%20%20%20ax2.set_xlabel(%22x%22)%0A%20%20%20%20ax2.set_ylabel(%22%CF%86(x%3B%20%CE%BC%2C%20%CF%83%C2%B2)%22)%0A%20%20%20%20ax2.set_ylim(0%2C%201.05)%0A%20%20%20%20ax2.spines%5B%5B%22top%22%2C%20%22right%22%5D%5D.set_visible(False)%0A%20%20%20%20plt.tight_layout()%0A%0A%20%20%20%20left2%20%3D%20mo.md(%0A%20%20%20%20%20%20%20%20f%22%22%22%0A%20%20%20%20%20%20%20%20%7Bh1(%22The%20Gaussian%20Distribution%22)%7D%0A%0A%20%20%20%20%20%20%20%20Also%20known%20as%20Normal%20Distribution.%20Example%3A%20heights%20of%20people%20in%20a%20room.%0A%0A%20%20%20%20%20%20%20%20%24%24f(x)%20%3D%20%5C%5Cdfrac%7B%7B1%7D%7D%7B%7B%5C%5Csigma%5C%5Csqrt%7B%7B2%5C%5Cpi%7D%7D%7D%7D%20e%5E%7B%7B-%5C%5Cfrac%7B%7B1%7D%7D%7B%7B2%7D%7D%5C%5Cleft(%5C%5Cfrac%7B%7Bx-%5C%5Cmu%7D%7D%7B%7B%5C%5Csigma%7D%7D%5C%5Cright)%5E2%7D%7D%24%24%0A%0A%20%20%20%20%20%20%20%20%24%24E%5Bx%5D%20%3D%20%5C%5Cmu%20%5C%5Cqquad%20V%5Bx%5D%20%3D%20%5C%5Csigma%5E2%24%24%0A%0A%20%20%20%20%20%20%20%20%7Bmu_slider%7D%0A%0A%20%20%20%20%20%20%20%20%7Bsigma_slider%7D%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20)%0A%0A%20%20%20%20mo.hstack(%5Bleft2%2C%20responsive_fig(fig2)%5D%2C%20widths%3D%5B1%2C%201%5D%2C%20align%3D%22center%22%2C%20gap%3D2)%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