서브플롯

Bokeh로 배우는 인터랙티브 데이터 시각화

George Boorman

Core Curriculum Manager, DataCamp

왜 서브플롯을 쓰나요?

히스토그램

고/저 행 서브플롯

행 구성하기

from bokeh.layouts import row

east_source = ColumnDataSource(data=east)
west_source = ColumnDataSource(data=west)
fig_one = figure(x_axis_label="Assists per Game", y_axis_label="Points per Game")
fig_two = figure(x_axis_label="Assists per Game", y_axis_label="Points per Game")

fig_one.circle(x="assists", y="points", source=east_source, color="blue", legend_label="East")
fig_two.circle(x="assists", y="points", source=west_source, color="blue", legend_label="West")

output_file(filename="row_plots.html")

show(row(fig_one, fig_two))

행 서브플롯

NBA 서브플롯

열 서브플롯

from bokeh.layouts import column

fig_one = figure(x_axis_label="Assists", 
                 y_axis_label="Rebounds")
fig_two = figure(x_axis_label="Assists", 
                 y_axis_label="Rebounds")
fig_one.circle(x="assists", y="rebounds", 
               source=east_source, 
               color="blue", legend_label="East")
fig_two.circle(x="assists", y="rebounds", 
               source=east_source, 
               color="blue", legend_label="East")

output_file(filename="column_plots.html")
show(column(fig_one, fig_two))

기본 열 플롯

그리드플롯 만들기

from bokeh.layouts import gridplot

positions = ["PG", "SG", "SF", "PF"]

plots = []

for position in positions:

  nba_positions = nba.loc[nba["position"] == position]
  source = ColumnDataSource(data=nba_positions)

  fig = figure(x_axis_label="Assists", y_axis_label="Points")

  fig.circle(x="assists", y="points", source=source, legend_label=position)

  plots.append(fig)

output_file(filename="nba_gridplot.html")
show(gridplot(plots, ncols=2))

그리드플롯

그림 크기 사용자 지정

fig = figure(x_axis_label="Assists", y_axis_label="Rebounds",

             width=750, height=300)

fig.circle(x="assists", y="rebounds", source=source)
output_file(filename="custom_size_plot.html")
show(fig)

사용자 지정 크기 플롯

연습해 봅시다!

Bokeh로 배우는 인터랙티브 데이터 시각화