RangeSlider

문제

아래와 같이 age(1~100) RangeSlider 를 만들어 보자

 

코드

from dash import Dash, html, dcc, Input, Output

app = Dash(__name__)

app.layout = html.Div([
    html.H1('Age RangeSlider Test'),
    dcc.RangeSlider(
        id='age-slider',
        min=1,
        max=100,
        value=[20, 60],
        marks={i * 5: str(i * 5) for i in range(1, 100 + 1)}
    ),
    html.Div(id='start-range'),
    html.Div(id='end-range')
])


@app.callback(
    Output('start-range', 'children'),
    Output('end-range', 'children'),
    Input('age-slider', 'value')
)
def apply_slider(selected_range):
    start = selected_range[0]
    end = selected_range[1]

    return html.Div(f"Start: {start}"), html.Div(f"End: {end}")


if __name__ == '__main__':
    app.run_server(debug=True)