본문 바로가기

인문학도 개발일지/웹프로그래밍

plot.ly 이용하기

파이썬 plot.ly 그래프 구성 코드

- fig > go.Figure > data: 그래프가 그려지는 데이터 담기

- fig > go.Figure > layout: 그래프의 부가정보 기입, 그래프 크기 등 조절

 

fig > update_layout: fig에 레이아웃 지속적 업데이트 가능

fig > add_trace: fig에 추가적인 시각적 요소 삽입(이중그래프, 지도 위에 그리는 기능, subplot 기능)

 

 

 

 

 

Plotly 그래프 그리기 - go와 px

1. go.Figure()

- go를 통해 그래프를 하나하나 설명하며 제작

※ 참고

 

Single-Page Reference

Figure attribute reference for Plotly's Python open-source graphing library.

plotly.com

 

2. px.scatter()

- express 문법의 줄임말

※ 참고

 

Plotly Express

Plotly Express is a terse, consistent, high-level API for creating figures.

plotly.com

 

 

 

 

 

호버링(hovering)

plotly는 마우스 움직임에 반응하는 인터렉티브 그래프 구축 가능

호버(hover): 데이터의 세부 정보를 추가적으로 보여주는 팝업 정보창

go로 만든 그래프 설정이 hover 데이터 구성에 있어 자유도가 훨씬 높으므로 세세한 정보 전달은 go로 그래프 만드는 것을 권장

 

 

 

 

 

chart studio로 웹사이트에 그래프 담기

plotly 가입 후 api 활용

 

fig 그래프 추출 코드

import chart_studio
chart_studio.tools.set_credentials_file(username='내 아이디', api_key='api 키 값')


from chart_studio.plotly import plot, iplot


'''
fig = go.Figure(그래프 양식)
'''

fig.show()
plot(fig, filename = '파일명', auto_open=True)

위와 같은 코드를 추가 삽입하여 커널을 돌리면 웹 브라우저를 통해 fig가 html로 담긴 웹사이트가 나옵니다.
*이 링크를 바로 복사해 노션 탭에 embed 하면 노션에서도 인터렉티브 그래프가 활성화됩니다.

 

 

 

 

 

참고

 

plot.ly 뉴비에게 뉴비가 (이용 기초 가이드)

 

data101.oopy.io