Py.Cafe

huong-li-nguyen/

dash-slider

Dash Demo - Interactive Visualization

DocsPricing
  • app.py
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
# check out https://dash.plotly.com/ for documentation
# And check out https://py.cafe/maartenbreddels for more examples
from dash import Dash, Input, Output, callback, dcc, html

app = Dash(__name__)
md = """
# Dash demo

See [The dash examples index](https://dash-example-index.herokuapp.com/) for more examples.
"""

app.layout = html.Div(
    children=[
        dcc.Markdown(children=md, link_target="_blank"),
        dcc.RangeSlider(min=0, max=100, id="slider", step=20, dots=True, value=[40,80]),
        dcc.Slider(min=0, max=100, value=50, dots=True, step=20),
        dcc.Markdown(id="markdown", children=["## Hello World"]),
    ],
    style={
        "display": "flex", 
        "flex-direction": "column", 
        "gap": "80px"
    }
)


@callback(
    Output("markdown", "children"),
    Input("slider", "value"),
)
def update_markdown_style(value):
    return [f"value: {value}"]