Simple elements notebook

import%20marimo%0A%0A__generated_with%20%3D%20%220.22.0%22%0Aapp%20%3D%20marimo.App(width%3D%22medium%22%2C%20app_title%3D%22Simple%20elements%20notebook%22)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%20**Simple%20elements%20notebook**%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Aasync%20def%20_()%3A%0A%20%20%20%20%23%20Install%20the%20necessary%20packages%20only%20when%20running%20in%20WASM%20(browser)%20mode.%0A%20%20%20%20import%20sys%0A%0A%20%20%20%20if%20sys.platform%20%3D%3D%20'emscripten'%3A%20%20%23%20WASM%20mode%0A%20%20%20%20%20%20%20%20import%20micropip%0A%20%20%20%20%20%20%20%20await%20micropip.install(%5B'aframexr'%2C%20'wcwidth'%5D)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20aframexr%0A%0A%20%20%20%20return%20(aframexr%2C)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Box%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Depth%0A%20%20%20%20box_depth_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20box_depth_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Depth%3A%22)%2C%20box_depth_slider%5D)%0A%0A%20%20%20%20%23%20Height%0A%20%20%20%20box_height_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20box_height_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Height%3A%22)%2C%20box_height_slider%5D)%0A%0A%20%20%20%20%23%20Width%0A%20%20%20%20box_width_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20box_width_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Width%3A%22)%2C%20box_width_slider%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Bbox_depth_hstack%2C%20box_height_hstack%2C%20box_width_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20box_depth_slider%2C%20box_height_slider%2C%20box_width_slider%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20box_depth_slider%2C%20box_height_slider%2C%20box_width_slider)%3A%0A%20%20%20%20box%20%3D%20aframexr.Box(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bbox_height_slider.value%20%2F%202%7D%20-4'%2C%20%20%23%20The%20box%20is%20on%20the%20ground%0A%20%20%20%20%20%20%20%20depth%3Dbox_depth_slider.value%2C%0A%20%20%20%20%20%20%20%20height%3Dbox_height_slider.value%2C%0A%20%20%20%20%20%20%20%20width%3Dbox_width_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20box%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Cone%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Height%0A%20%20%20%20cone_height_slider%20%3D%20mo.ui.slider(start%3D2%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20cone_height_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Height%3A%22)%2C%20cone_height_slider%5D)%0A%0A%20%20%20%20%23%20Bottom's%20radius%0A%20%20%20%20cone_radius_bottom_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D1)%0A%20%20%20%20cone_radius_bottom_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Bottom's%20radius%3A%22)%2C%20cone_radius_bottom_slider%5D)%0A%0A%20%20%20%20%23%20Top's%20radius%0A%20%20%20%20cone_radius_top_slider%20%3D%20mo.ui.slider(start%3D0.01%2C%20stop%3D2%2C%20step%3D1)%0A%20%20%20%20cone_radius_top_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Top's%20radius%3A%22)%2C%20cone_radius_top_slider%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Bcone_height_hstack%2C%20cone_radius_bottom_hstack%2C%20cone_radius_top_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%20%20cone_height_slider%2C%0A%20%20%20%20%20%20%20%20cone_radius_bottom_slider%2C%0A%20%20%20%20%20%20%20%20cone_radius_top_slider%2C%0A%20%20%20%20)%0A%0A%0A%40app.cell%0Adef%20_(%0A%20%20%20%20aframexr%2C%0A%20%20%20%20cone_height_slider%2C%0A%20%20%20%20cone_radius_bottom_slider%2C%0A%20%20%20%20cone_radius_top_slider%2C%0A)%3A%0A%20%20%20%20cone%20%3D%20aframexr.Cone(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bcone_height_slider.value%20%2F%202%7D%20-4'%2C%20%20%23%20The%20cone%20is%20on%20the%20ground%0A%20%20%20%20%20%20%20%20height%3Dcone_height_slider.value%2C%0A%20%20%20%20%20%20%20%20radius_bottom%3Dcone_radius_bottom_slider.value%2C%0A%20%20%20%20%20%20%20%20radius_top%3Dcone_radius_top_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20cone%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Cylinder%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Height%0A%20%20%20%20cylinder_height_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D3%2C%20step%3D1)%0A%20%20%20%20cylinder_height_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Height%3A%22)%2C%20cylinder_height_slider%5D)%0A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20cylinder_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20cylinder_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20cylinder_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Bcylinder_height_hstack%2C%20cylinder_radius_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20cylinder_height_slider%2C%20cylinder_radius_slider%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20cylinder_height_slider%2C%20cylinder_radius_slider)%3A%0A%20%20%20%20cylinder%20%3D%20aframexr.Cylinder(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bcylinder_height_slider.value%20%2F%202%7D%20-4'%2C%20%20%23%20The%20cylinder%20is%20on%20the%20ground%0A%20%20%20%20%20%20%20%20height%3Dcylinder_height_slider.value%2C%0A%20%20%20%20%20%20%20%20radius%3Dcylinder_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20cylinder%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Dodecahedron%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20dodecahedron_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20dodecahedron_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20dodecahedron_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%5Bdodecahedron_radius_hstack%5D%2C%20align%3D'start')%0A%20%20%20%20return%20(dodecahedron_radius_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20dodecahedron_radius_slider)%3A%0A%20%20%20%20dodecahedron%20%3D%20aframexr.Dodecahedron(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bdodecahedron_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Ddodecahedron_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20dodecahedron%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Icosahedron%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20icosahedron_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20icosahedron_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20icosahedron_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%5Bicosahedron_radius_hstack%5D%2C%20align%3D'start')%0A%20%20%20%20return%20(icosahedron_radius_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20icosahedron_radius_slider)%3A%0A%20%20%20%20icosahedron%20%3D%20aframexr.Icosahedron(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bicosahedron_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Dicosahedron_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20icosahedron%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Octahedron%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20octahedron_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20octahedron_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20octahedron_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%5Boctahedron_radius_hstack%5D%2C%20align%3D'start')%0A%20%20%20%20return%20(octahedron_radius_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20octahedron_radius_slider)%3A%0A%20%20%20%20octahedron%20%3D%20aframexr.Octahedron(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Boctahedron_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Doctahedron_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20octahedron%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Plane%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Height%0A%20%20%20%20plane_height_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20plane_height_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Height%3A%22)%2C%20plane_height_slider%5D)%0A%0A%20%20%20%20%23%20Width%0A%20%20%20%20plane_width_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D5%2C%20step%3D1)%0A%20%20%20%20plane_width_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Width%3A%22)%2C%20plane_width_slider%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Bplane_height_hstack%2C%20plane_width_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20plane_height_slider%2C%20plane_width_slider%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20plane_height_slider%2C%20plane_width_slider)%3A%0A%20%20%20%20plane%20%3D%20aframexr.Plane(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bplane_height_slider.value%20%2F%202%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20height%3Dplane_height_slider.value%2C%0A%20%20%20%20%20%20%20%20width%3Dplane_width_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20plane%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Sphere%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20sphere_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20sphere_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20sphere_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%5Bsphere_radius_hstack%5D%2C%20align%3D'start')%0A%20%20%20%20return%20(sphere_radius_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20sphere_radius_slider)%3A%0A%20%20%20%20sphere%20%3D%20aframexr.Sphere(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Bsphere_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Dsphere_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20sphere%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Tetrahedron%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20tetrahedron_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20tetrahedron_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20tetrahedron_radius_slider%5D)%0A%0A%20%20%20%20mo.vstack(%5Btetrahedron_radius_hstack%5D%2C%20align%3D'start')%0A%20%20%20%20return%20(tetrahedron_radius_slider%2C)%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20tetrahedron_radius_slider)%3A%0A%20%20%20%20tetrahedron%20%3D%20aframexr.Tetrahedron(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Btetrahedron_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Dtetrahedron_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20tetrahedron%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Text%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Value%0A%20%20%20%20text_value%20%3D%20mo.ui.text(value%3D'Introduce%20some%20text')%0A%20%20%20%20text_value_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Text%3A%22)%2C%20text_value%5D)%0A%0A%20%20%20%20%23%20Align%0A%20%20%20%20text_align%20%3D%20mo.ui.radio(options%3D%7B'left'%3A%20'left'%2C%20'center'%3A%20'center'%2C%20'right'%3A%20'right'%7D%2C%20value%3D'center'%2C%20inline%3DTrue)%0A%20%20%20%20text_align_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Align%3A%22)%2C%20text_align%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Btext_value_hstack%2C%20text_align_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20text_align%2C%20text_value%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20text_align%2C%20text_value)%3A%0A%20%20%20%20text%20%3D%20aframexr.Text(%0A%20%20%20%20%20%20%20%20text_value.value%2C%0A%20%20%20%20%20%20%20%20position%3Df'0%202%20-4'%2C%0A%20%20%20%20%20%20%20%20align%3Dtext_align.value%2C%0A%20%20%20%20%20%20%20%20color%3D'black'%2C%0A%20%20%20%20%20%20%20%20scale%3D'2%202%202'%0A%20%20%20%20)%0A%20%20%20%20text%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20%23%23%20Torus%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20Radius%0A%20%20%20%20torus_radius_slider%20%3D%20mo.ui.slider(start%3D1%2C%20stop%3D2%2C%20step%3D0.5)%0A%20%20%20%20torus_radius_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%3A%22)%2C%20torus_radius_slider%5D)%0A%0A%20%20%20%20%23%20Radius%20tubular%0A%20%20%20%20torus_radius_tubular_slider%20%3D%20mo.ui.slider(start%3D0.1%2C%20stop%3D0.5%2C%20step%3D0.2)%0A%20%20%20%20torus_radius_tubular_hstack%20%3D%20mo.hstack(%5Bmo.md(%22Radius%20tubular%3A%22)%2C%20torus_radius_tubular_slider%5D)%0A%0A%20%20%20%20mo.vstack(%0A%20%20%20%20%20%20%20%20%5Btorus_radius_hstack%2C%20torus_radius_tubular_hstack%5D%2C%0A%20%20%20%20%20%20%20%20align%3D'start'%0A%20%20%20%20)%0A%20%20%20%20return%20torus_radius_slider%2C%20torus_radius_tubular_slider%0A%0A%0A%40app.cell%0Adef%20_(aframexr%2C%20torus_radius_slider%2C%20torus_radius_tubular_slider)%3A%0A%20%20%20%20torus%20%3D%20aframexr.Torus(%0A%20%20%20%20%20%20%20%20position%3Df'0%20%7Btorus_radius_slider.value%7D%20-4'%2C%0A%20%20%20%20%20%20%20%20radius%3Dtorus_radius_slider.value%2C%0A%20%20%20%20%20%20%20%20radius_tubular%3Dtorus_radius_tubular_slider.value%2C%0A%20%20%20%20%20%20%20%20color%3D'lightBlue'%0A%20%20%20%20)%0A%20%20%20%20torus%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(rf%22%22%22%0A%20%20%20%20All%20this%20elements%20can%20be%20concatenated%20with%20other%20elements%20or%20charts%2C%20using%20concatenation%20with%20'%2B'.%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%20import%20marimo%20as%20mo%0A%0A%20%20%20%20return%20(mo%2C)%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A