Add app

01-ipywidgets-interactive-plots.py

@@ -0,0 +1,51 @@
+import solara
+import ipywidgets as widgets
+import numpy as np
+import matplotlib.pyplot as plt
+
+@solara.component
+def PlotLeft(alpha, beta, color1, color2):
+    fig = plt.figure(figsize=(4, 5))
+    xlim, ylim = [-np.pi, np.pi], [-1, 1]
+    x = np.linspace(*xlim)
+    plt.plot(x, beta*np.sin(x * alpha), label=r'$\beta\sin(\alpha x)$', color=color1)
+    plt.plot(x, (1-beta)*np.cos(2*alpha*x), label=r'$(1-\beta)\cos(2\alpha x)$', color=color2)
+    plt.xlabel('$x$')
+    plt.xlim(xlim)
+    plt.ylim(ylim)
+    plt.legend()
+    plt.show()
+
+@solara.component
+def PlotRight(alpha):
+    fig = plt.figure(figsize=(4, 5))
+    xlim, ylim = [-np.pi, np.pi], [0, 10]
+    x = np.linspace(*xlim)
+    plt.plot(x, np.exp(x * alpha), label=r'$e^{\alpha x}$')
+    plt.xlabel('$x$')
+    plt.xlim(xlim)
+    plt.ylim(ylim)
+    plt.legend()
+    plt.show()
+
+alpha = solara.reactive(1.0)
+beta = solara.reactive(.5)
+color1 = solara.reactive('blue')
+color2 = solara.reactive('red')
+@solara.component
+def Page():
+    #solara.Markdown("#Hello World", style="margin:auto;")
+    with solara.Column(style="padding:50px;"):
+        with solara.Row():
+            PlotLeft(alpha.value, beta.value, color1.value, color2.value)
+            with solara.Column(style="padding:50px"):
+                solara.Markdown("Parameters")
+                widgets.FloatSlider.element(min=0, max=2, value=alpha.value, on_value=alpha.set, description='$\\alpha$')
+                widgets.FloatSlider.element(min=0, max=1, value=beta.value, on_value=beta.set, continuous_update=False, description='$\\beta$')
+                solara.Markdown("Colors")
+                widgets.Dropdown.element(options=['blue', 'green', 'red'], value=color1.value, on_value=color1.set,
+                                  description=r'$\beta\sin(\alpha x)$')
+                widgets.Dropdown.element(options=['red', 'yellow', 'orange'], value=color2.value, on_value=color2.set,
+                                  description=r'$(1-\beta)\cos(2\alpha x)$', 
+                                  style={'description_width': 'initial'})
+            PlotRight(alpha.value)

02-solara-interactive-plots.py

@@ -0,0 +1,57 @@
+import solara
+import ipywidgets as widgets
+import numpy as np
+import matplotlib.pyplot as plt
+
+@solara.component
+def PlotLeft(alpha, beta, color1, color2):
+    print("left")
+    fig = plt.figure(figsize=(4, 5))
+    xlim, ylim = [-np.pi, np.pi], [-1, 1]
+    x = np.linspace(*xlim)
+    plt.plot(x, beta*np.sin(x * alpha), label=r'$\beta\sin(\alpha x)$', color=color1)
+    plt.plot(x, (1-beta)*np.cos(2*alpha*x), label=r'$(1-\beta)\cos(2\alpha x)$', color=color2)
+    plt.xlabel('$x$')
+    plt.xlim(xlim)
+    plt.ylim(ylim)
+    plt.legend()
+    plt.show()
+
+@solara.component
+def PlotRight(alpha):
+    print("right")
+    fig = plt.figure(figsize=(4, 5))
+    xlim, ylim = [-np.pi, np.pi], [0, 10]
+    x = np.linspace(*xlim)
+    plt.plot(x, np.exp(x * alpha), label=r'$e^{\alpha x}$')
+    plt.xlabel('$x$')
+    plt.xlim(xlim)
+    plt.ylim(ylim)
+    plt.legend()
+    plt.show()
+
+alpha = solara.reactive(1.0)
+beta = solara.reactive(.5)
+color1 = solara.reactive('blue')
+color2 = solara.reactive('red')
+@solara.component
+def Page():
+    #solara.Markdown("#Hello World", style="margin:auto;")
+    with solara.Column(style="padding:50px;"):
+        with solara.Row():
+            PlotLeft(alpha.value, beta.value, color1.value, color2.value)
+            with solara.Column(style="padding:50px"):
+                solara.Text("Parameters")
+                solara.SliderFloat(r"$\alpha$", value=alpha, min=0, max=2)
+                #widgets.FloatSlider.element(min=0, max=2, value=alpha.value, on_value=alpha.set, description='$\\alpha$')
+                solara.SliderFloat(r"$\beta$", value=beta, min=0, max=1)
+                #widgets.FloatSlider.element(min=0, max=1, value=beta.value, on_value=beta.set, continuous_update=False, description='$\\beta$')
+                solara.Text("Colors")
+                solara.Select(label=r'$\beta\sin(\alpha x)$', value=color1, values=['blue', 'green', 'red'])
+                #widgets.Dropdown.element(options=['blue', 'green', 'red'], value=color1.value, on_value=color1.set,
+                #                  description=r'$\beta\sin(\alpha x)$')
+                solara.Select(label=r'$(1-\beta)\cos(2\alpha x)$', value=color2, values=['red', 'yellow', 'orange'])
+                #widgets.Dropdown.element(options=['red', 'yellow', 'orange'], value=color2.value, on_value=color2.set,
+                #                  description=r'$(1-\beta)\cos(2\alpha x)$', 
+                #                  style={'description_width': 'initial'})
+            PlotRight(alpha.value)

Dockerfile

@@ -0,0 +1,32 @@
+FROM python:3.11
+
+# Set up a new user named "user" with user ID 1000
+RUN useradd -m -u 1000 user
+
+# Switch to the "user" user
+USER user
+
+# Set home to the user's home directory
+ENV HOME=/home/user \
+	PATH=/home/user/.local/bin:$PATH
+
+# Set the working directory to the user's home directory
+WORKDIR $HOME/app
+
+# Try and run pip command after setting the user with `USER user` to avoid permission issues with Python
+RUN pip install --no-cache-dir --upgrade pip
+
+# Copy the current directory contents into the container at $HOME/app setting the owner to the user
+COPY --chown=user . $HOME/app
+
+COPY --chown=user requirements.txt .
+
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+RUN mkdir $HOME/app/multipage
+
+COPY --chown=user 01-ipywidgets-interactive-plots.py ./multipage
+
+COPY --chown=user 02-solara-interactive-plots.py ./multipage
+
+ENTRYPOINT ["solara", "run", "./multipage", "--host=0.0.0.0", "--port", "7860"]

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Alonso Silva Allende
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -6,6 +6,7 @@ colorTo: purple
 sdk: docker
 pinned: false
 license: mit
+app_port: 7860
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

requirements.txt

@@ -0,0 +1,4 @@
+anywidget==0.9.9
+solara==1.31.0
+numpy==1.26.4
+matplotlib==3.8.4