오늘은

대시의 대화 기능 연습

htps: //pぉt. ly / 다 sh / 갓찐 g - s r d 빠 rt-2

$x$의 $a$ 제곱을 제공하는 $x^a$ 함수의 시각화와 $a$를 매개 변수로 이동할 때 어떻게 변경되는지 살펴 보겠습니다.

구현 예

import dash
import dash_html_components as html
import dash_core_components as dcc
import numpy as np

app = dash.Dash()
graph = dcc.Graph(id='graph-with-slider',
                  figure={'layout': dict(height=400, width=300)})
slider = dcc.Slider(id='slider', min=0, max=20, value=3, step=0.1)

app.layout = html.Div(children=[graph,
                                html.Label('power'),
                                slider],
                      style=dict(height=400, width=400))


@app.callback(
    dash.dependencies.Output(component_id='graph-with-slider',
                             component_property='figure'),
    [dash.dependencies.Input(component_id='slider',
                             component_property='value')])
def update_figure(power):
    xs = np.linspace(0, 1, 100)
    ys = pow(xs, power)
    data = [dict(x=xs, y=ys, type='line')]
    return dict(data=data)

def main():
    app.run_server()
if __name__ == '__main__':
    main()

실행 예

power 아래의 슬라이더를 움직이면 콜백 함수로 데코레이션 된 update_figure 함수가 호출됩니다. 이 함수는 여기서 id가 slider의 구성 요소 인 Slider의 value를 인수로 사용하고 id가 graph-with-slider 인 구성 요소의 경우 에서 좋은가?)를 업데이트하기 위해 객체를 반환합니다.

여담

이 그래프를 보면 $x$의 $n$승을 주는 함수열

\left\{ x^n \right\}_{n=1}^{\infty}

의 균일 수렴성을 연상하네요.
그리워.