Dash4. Interactive VisualizationGraphing and Crossfiltering
Graphing and Crossfiltering
https://dash.plotly.com/interactive-graphing – part4.
https://crong-dev.tistory.com/28?category=895521
callback간 데이터를 공유하는 방법.
dcc.Graph
dcc라이브러리는 Intractive data visualization을 담당하는 Graph컴포넌트(plotly.js를 활용)를 가지고 있다.
Plotly.js 는 SVG와 webGL을 사용하여 35개 차트를 렌터링한다.
- plotly.js : OpenSource javaScript graphing library https://plotly.com/javascript/
- ploly.py : OpenSource Python graphing library https://plotly.com/python/
figure인수는 plotly.py에서 사용했던 인수와 같은거다.
dcc.Graph의 4 attributes
일반적으로 attribute들은 Callback함수에 의해 update되지만,
아래 4개의 attribute들은 UI를 통해 변경가능
hoverData | 어떤 지점에 마우스를 갖다 댔을 때 |
clickData | 어떤 지점을 클릭했을 때 |
selectedData | 어떤 구역을 선택했을 때 |
relayoutData | 어떤 구역을 zooms/pans 했을 때 |