Subplots

Visualização Interativa de Dados com Bokeh

George Boorman

Core Curriculum Manager, DataCamp

Por que usar subplots?

histogramas

alto_vs_baixo_linha_subplot

Construindo uma linha

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))

Subplot em linha

nba_subplot

Subplot em coluna

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))

gráfico_em_coluna_básico

Construindo um gridplot

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))

Gridplot

gridplot

Personalizando o tamanho da figura

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)

gráfico_tamanho_personalizado

Vamos praticar!

Visualização Interativa de Dados com Bokeh