빠르고 정확한 개발자 빠르고 정확한 개발자

plotly dash

• html.Div 에 간단한 데이터 저장하기

  plotly dash 2023. 12. 15. 01:27

  https://budavariam.github.io/posts/2021/04/05/plotly-dash-development-tips/#store-simple-runtime-data html.Div 의 "data-*" attribute 에 데이터를 저장하는 것이 가능하다. 간단 예제 import dash_html_components as html html.Div(id="hidden-data-value", style=dict(display="none"), **{ "data-value-1": "hello", "data-value-2": "false" }) html.Div 에 데이터를 저장하는 것은 https://wefree.tistory.com/335 에서 sessionStorage 에 저장하는 것 처럼, ..

  Read More
• Clientside Callbacks

  plotly dash 2023. 12. 13. 00:38

  개요 dash 에서 javascript 로 작성된 라이브러리를 사용하기 위해 dash 의 Clientside Callback 을 활용 할 수 있다. 데모 페이지 https://wefree-tistory.fly.dev/javascript Clientside Callback 동작 사용할려는 javascript library 를 다운 받아 src/assests 디렉토리 하위에 저장해 둔다. (Dash 에서 자동으로 import 해 줌) dash 의 Clientside Callback 은 @callback 대신에 clientside_callback 을 사용하는데, 다음과 같이 동작한다. (python) dash.Input(id, property) 로 callback 이 trigger 될 조건 지정 (javasc..

  Read More
• admin (multi-page) 화면 개발

  plotly dash 2023. 7. 15. 19:46

  dash-bootstrap-components 의 example 을 보면 쉽게 개발할 수 있다. 이 중 쓸만하다고 생각되는 것은 simple sidebar collapsible-sidebar-with-icons responsive-collapsible-sidebar sidebar-with-submenus

  Read More
• Advanced Callback

  plotly dash 2023. 6. 15. 19:02

  https://dash.plotly.com/advanced-callbacks 의 내용을 정리한다. PreventUpdate 사용 dash app 은 기본적으로 시작시 등록된 callback 을 한번씩 호출해 초기화 한다. 시작시 callback 이 한번씩 호출되어 초기화 되는 것을 막으려면 prevent_initial_callbacks 사용 app = Dash(__name__, prevent_initial_callbacks=True) or @app.callback(Output('output', 'children'), Input('input', 'value'), prevent_initial_call=True) 특정 callback 만 초기화를 위해 호출 되는 것을 막으려면 PreventUpdate Exce..

  Read More
• Interval

  plotly dash 2022. 6. 14. 21:05

  문제 2초, 4초마다 1씩 숫자를 증가시키도록 해 보자. 코드 from dash import Dash, html, dcc, Input, Output app = Dash(__name__) app.layout = html.Div([ html.H1('Interval Test'), html.Div(id='two-count'), html.Div(id='four-count'), dcc.Interval(id='two-interval', interval=1000 * 2, n_intervals=0), dcc.Interval(id='four-interval', interval=1000 * 4, n_intervals=0) ]) @app.callback( Output('two-count', 'children'), Output..

  Read More
• Tab

  plotly dash 2022. 6. 14. 20:52

  문제 아래와 같이 Tab 을 만들어 보자 코드 from dash import Dash, html, dcc app = Dash(__name__) app.layout = html.Div([ html.H1('Tab Test'), dcc.Tabs([ dcc.Tab(label='Tab A', children=html.Div('Content A')), dcc.Tab(label='Tab B', children=html.Div('Content B')) ]) ]) if __name__ == '__main__': app.run_server(debug=True)

  Read More
• RangeSlider

  plotly dash 2022. 6. 14. 20:40

  문제 아래와 같이 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'),..

  Read More
• Flask route 추가하기

  plotly dash 2022. 5. 31. 19:34

  from dash import Dash, html app = Dash( __name__, routes_pathname_prefix='/dash/' ) server = app.server @server.route('/') def index(): return 'Hello Flask app' app.layout = html.Div("My Dash app") if __name__ == '__main__': app.run_server(debug=True) 참고: https://stackoverflow.com/a/64491989

  Read More