크롱의 Dev Log

별도의 설정없이 루트폴더에 assets폴더를 만들고 assets폴더 이하에 넣으면 된다. assets폴더 이하의 css, js파일을 자동으로 읽어서 적용해준다. - app.py - assets/ |-- typography.css |-- header.css |-- custom-script.js

- 콜백함수명은 리턴되는 값을 나타낸다 - 변수로 따로 지정하는 컴포넌트는 파스칼 케이스로 쓴다 예시) NAVBAR = dbc.Navbar( children=[ html.A( # Use row and col to control vertical alignment of logo / brand dbc.Row( [ dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px")), dbc.Col( dbc.NavbarBrand("Bank Customer Complaints", className="ml-2") ), ], align="center", no_gutters=True, ), href="https://plot.ly", ) ], color="dark", dark=True, sticky=..

dash-gallery.plotly.host/Portal/의 예제 코드를 통해 디렉토리 구조를 분석해봤다. Dash Enterprise dash-gallery.plotly.host 예제 앱 중 financial report앱의 구조를 분석해봤다. plotly/dash-sample-apps Apps hosted in the Dash Gallery. Contribute to plotly/dash-sample-apps development by creating an account on GitHub. github.com assets/ : asset폴더 아래에는 로고, 간단한 그래프 이미지와 css파일들이 들어가 있다. data/ : csv확장자를 가진 데이터들이 저장되어있다. pages/ : 각 페이지별 레이아..

Dash의 중요한 규칙 중 하나는 콜백함수 내에서 외부 스코프에 선언되어 있는 변수의 값을 바꾸지 못한다는 것이다. 아무 전역 변수의 값을 바꾸는 건 안전하지 않다. 일부 앱에서는 SQL 쿼리 작성, 시뮬레이션 실행 또는 데이터 다운로드와 같은 비용이 많이 드는 데이터 처리 작업에 의존하는 여러 콜백이 있을 수 있다. 각 콜백이 비용이 많이 드는 동일한 작업을 실행하는 대신 하나의 콜백이 작업을 실행하도록 한 다음 결과를 나머지 콜백과 공유 할 수 있다. State를 sharing하는 것이다. 콜백간에 데이터 공유 여러 파이썬 프로세스에서 데이터를 안전하게 공유하려면 각 프로세스에서 액세스 할 수있는 어딘가에 데이터를 저장해야한다. 이 데이터를 저장하는 세 가지 주요 위치는 다음과 같다. 1. 사용자의 ..

dcc.Graph 컴포넌트는 사용자 인터랙션을 통해 변할 수 있는 네 속성이 있다.' hoverData: 어떤 지점 위에 마우스를 갖다 댔을 때 clickData: 어떤 지점을 클릭했을 때 selectedData: 어떤 구역을 선택했을 때 relayoutData:어떤 구역을 선택했을 때 최적의 사용자 상호 작용 및 차트 로딩 성능을 위해 dash 앱 생성 시 다음과 같은 것들을 고려해야한다. Job Queue HPC Datashader horizontal scaling https://dash.plotly.com/interactive-graphing Part 4. Interactive Graphing and Crossfiltering | Dash for Python Documentation | Plotly..

Pandas 라이브러리를 활용해 데이터를 import 및 필터링할 수 있다. 데이터 프레임을 dash app파일 상단에 df = pd.read_csv('...')로 선언함으로써 로드할 수 있다. 이렇게 전역변수로 선언하는 것을 권장한다. 이렇게 하면 콜백함수 내에서 쉽게 읽을 수 있다. 데이터를 불러오는 쿼리를 콜백 함수 안이 아닌 어플리케이션 시작부에서 사용한다. 이를 통해 비용이 큰 쿼리를 어플리케이션이 시작할 때 한번만 사용할 수 있다. filtered_df = df[df.year == selected_year] 코드에서는 필터링 된 값이 filtered_df에 복사된다.(깊은 복사) 즉, 앱 시작할 때 불러온 데이터프레임을 변형시키지는 않는다.

사용자의 입력에 따라 변하는 어플리케이션을 개발해야하는 경우가 있다. (사실 대부분 그렇다) 아래의 간단한 콜백함수를 사용하는 예제를 보면서 dash에서 콜백함수를 사용하는 법에 대해 알아보자. import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css'] app = dash.Dash(__name__, external_stylesheets=external_stylesheets) app.layout = html.Div([..

dash core components라이브러리는 사용자에게 편리한 여러 고차 컴포넌트들을 제공한다. 덕분에 사용자가 일일이 개발하지 않아도 그래프, 슬라이더, 여러 컨트롤 같은 복잡한 컴포넌트를 쉽게 사용가능하다. 아래는 dash core components(이하 dcc)의 graph 컴포넌트 사용 예제이다. 아래 코드를 app.py에 넣고 $ python app.py 로 실행시킨 다음에 http://127.0.0.1:8050/ 에서 확인해보자. # Run this app with `python app.py` and # visit http://127.0.0.1:8050/ in your web browser. import dash import dash_core_components as dcc import ..