호버 정보와 범례 사용자 지정

Python으로 배우는 Plotly 데이터 시각화 입문

Alex Scriven

Data Scientist

호버란?

호버 정보: 데이터 포인트 위에 마우스를 올리면 나타나는 텍스트와 데이터

$$

기본 호버 옵션

Python으로 배우는 Plotly 데이터 시각화 입문

기본 호버의 다른 옵션

   

기본값은 hovermode = "closest"입니다

  • "x" 또는 "y": x축 또는 y축에 하이라이트 추가

$$

  • "x unified" / "y unified": 축 위 모든 값을 선과 호버 상자로 표시

x 호버

X 통합 호버

Python으로 배우는 Plotly 데이터 시각화 입문

plotly.express로 호버 정보 설정

 

  • hover_name = 호버 상자 상단에 굵게 표시할 열 지정

$$

  • hover_data = 포함할 열의 리스트 또는 포함/제외를 지정하는 딕셔너리
    • {column_name: False} (해당 column_name 제외)
Python으로 배우는 Plotly 데이터 시각화 입문

호버 정보의 변수

💡 호버용 열은 플롯에 없어도 됩니다

$$

fig = px.scatter(revenues, 
        x="Revenue", 
        y="employees",
        hover_name="Company",
        hover_data=["age"])

fig.show()

 

산점도에서 호버

Python으로 배우는 Plotly 데이터 시각화 입문

호버 정보 스타일 지정

 

  • hoverlabel
    • 글꼴, 배경색, 정렬 등 스타일 속성 딕셔너리를 받음

$$

  • hovertemplate
    • 텍스트 서식을 위한 HTML 유사 문자열(이 강의 범위 밖)
Python으로 배우는 Plotly 데이터 시각화 입문

범례란?

  • 플롯의 색상·기호 등 요소를 설명하는 시각 가이드

$$

  • 필요 시 보통 자동으로 추가됨
    • 예: 막대 차트에 색상을 추가할 때

색이 있는 막대 차트

Python으로 배우는 Plotly 데이터 시각화 입문

범례 만들기와 스타일 지정

$$

  • update_layout()으로 범례를 제어합니다

$$

  • showlegend = True이면 기본 범례 표시
  • legend - 속성 딕셔너리를 받음
    • x, y로 플롯 영역 내 위치 지정(0~1 범위)
    • 기타 스타일: bgcolor(배경색), borderwidth, font

$$

자세한 내용은 문서 참조

Python으로 배우는 Plotly 데이터 시각화 입문

스타일된 범례

$$

$$

fig.update_layout(
    "showlegend": True,

legend_title_text="All Companies"
legend=dict( x=0.7, y=0.8, bgcolor="rgb(246,228,129)")) })

 

스타일된 범례

Python으로 배우는 Plotly 데이터 시각화 입문

연습해 봅시다!

Python으로 배우는 Plotly 데이터 시각화 입문

Preparing Video For Download...