Upload 3 files

app.py

@@ -0,0 +1,8 @@
+import simplestart as ss
+
+ss.md('''
+# Introduction 
+
+Some demos of SimpleStart
+
+''')

pages/001 link demo.py

@@ -0,0 +1,64 @@
+### A link to download Qrcode
+
+# this is demo is based on the topic discussed on stackoverflow
+# https://stackoverflow.com/questions/78045476/streamlit-re-runs-app-on-button-click-delaying-download/79008691#79008691
+
+import simplestart as ss
+
+ss.md('''
+#### In this demo, you can change the URL in the input to generate a QR code image. Click the link below to download it.
+---
+''')
+
+import qrcode
+from io import BytesIO
+from PIL import Image
+
+#api
+def generate_qr_code(link):  # Generate QR Code
+    qr = qrcode.QRCode(
+        version=1.00,
+        error_correction=qrcode.constants.ERROR_CORRECT_L,
+        box_size=10,
+        border=2,
+    )
+    qr.add_data(link)
+    qr.make(fit=True)
+    img = qr.make_image(fill_color="black", back_color="white")
+    return img
+
+
+def download_qr_code(img):  # Convert PIL image to bytes
+    img_bytes = BytesIO()
+    img.save(img_bytes, format='PNG')
+    img_bytes.seek(0)
+    return img_bytes
+
+#event handler
+def text_change(event):
+    generate_img()
+    
+def generate_img():
+    link = link_text.value
+    qr_img = generate_qr_code(link)
+    img = download_qr_code(qr_img)
+    myimg.image = img
+    
+#ui
+ss.write("# QR Code Generator")
+link_text = ss.text_input("http://www.simplestart.cc", label = "Enter a link:", onchange = text_change, max_width = 600)
+myimg = ss.image("", title='Generated QR Code', width=300, border= True)
+
+generate_img()
+
+ss.link("Download QR Code", myimg.image, file_name = "qr_code.png", mime = "image/png")
+
+
+ss.space()
+ss.md('''
+---
+### Related References:
+[Streamlit Re-runs App on Button Click, Delaying Download](https://stackoverflow.com/questions/78045476/streamlit-re-runs-app-on-button-click-delaying-download) (stackoverflow)
+
+[source code of this demo](https://github.com/readever/simplestart/tree/main/demo/stackoverflow/a%20link%20to%20download%20qrcode) (github)
+''')

pages/002 Bokeh scatter bekoh plot.py

@@ -0,0 +1,77 @@
+### Scatter Plot with Slider C
+
+# this is demo is based on the topic discussed on stackoverflow
+# https://stackoverflow.com/questions/78542719/streamlit-slider-will-refresh-the-whole-page-and-go-to-the-top
+
+import simplestart as ss
+from bokeh.plotting import figure
+from bokeh.layouts import column
+from bokeh.models import ColumnDataSource, CustomJS, Slider
+from bokeh.resources import CDN
+from bokeh.embed import file_html, components
+
+
+### ui
+ss.md('''
+#### This example uses a slider outside of Bokeh to change the chart data, combining the smoothness of JavaScript with the convenience of Python.
+---
+''')
+
+# Title for the application
+ss.write('# Bernoulli Distribution Visualization')
+
+
+def plot(p=0.5):
+    x = [0, 1]
+    y = [1 - p, p]
+
+    colors = ['#1f77b4', '#ff7f0e']
+    source = ColumnDataSource(data=dict(x=x, y=y, color=colors))
+    source.name = "mysource"
+
+    fig = figure(
+        title="Bernoulli Distribution",
+        x_axis_label="Outcome",
+        y_axis_label="Probability",
+    )
+
+    fig.title.align = "center"
+
+    fig.vbar(x="x", top="y", width=0.5, color="color", source=source)
+
+    return file_html(fig, CDN, "Bernoulli Distribution")
+
+ss.htmlview(plot())
+
+def change_value(value):
+    js = f'''
+        const iframe = document.getElementById('myIframe');
+
+        const innerWindow = iframe.contentWindow;
+
+        const bokehDoc = iframe.contentWindow.Bokeh.documents[0];
+        const source = bokehDoc.get_model_by_name("mysource"); 
+        //console.log("source", source)
+
+        // updata source data
+        var value = {value};
+        source.data['y'] = [1 - value, parseFloat(value)];
+        source.change.emit();
+    '''
+    return js
+
+
+def slider_change(event):
+    ss.exec_js(change_value(event.value))
+    
+ss.slider('Probability of Success \(p\)', 0.0, 1.0, 0.5, onchange=slider_change, triggerOnUpdate = True)
+
+
+ss.space()
+ss.md('''
+---
+### Related References:
+[Streamlit Re-runs App on Button Click, Delaying Download](https://stackoverflow.com/questions/78542719/streamlit-slider-will-refresh-the-whole-page-and-go-to-the-top) (stackoverflow)
+
+[source code of this demo](https://github.com/readever/simplestart/tree/main/demo/stackoverflow/slider%20outside%20of%20bekoh) (github)
+''')