Bokeh – Disposición vertical de las parcelas

Bokeh incluye varias opciones de diseño para organizar gráficos y widgets. Hacen posible organizar múltiples componentes para crear aplicaciones de datos interactivas. Las funciones de diseño ayudan a construir una cuadrícula de gráficos y widgets. Admite la anidación de tantas filas, columnas o cuadrículas de parcelas como sea necesario. Además, los diseños Bokeh admiten varios «modos de tamaño». Estos modos de ajuste de tamaño permiten que los gráficos y los widgets cambien de tamaño según la ventana del navegador.

En bokeh, se pueden mostrar múltiples diseños en una sola columna.

Sintaxis:

columna(plot1, plot2, …, plotn)

Acercarse

• Módulo de importación
• Crear varias parcelas
• Alinear usando columna()
• Gráfico de visualización

Ejemplo 1:

# python program for bokeh column layout
from bokeh.io import output_file, show
from bokeh.layouts import column
from bokeh.plotting import figure
  
# output will be in GFG.html
output_file("GFG.html")
currentList = list(range(7))
  
# creating three Lists List1,List2,List3
List1 = currentList
List2 = [i/2 for i in currentList]
List3 = [i*2 for i in currentList]
  
# creating three plots f1,f2,f3
f1 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f1.circle(currentList, List1, size=12, color="#53777a", alpha=0.8)
  
f2 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f2.triangle(currentList, List2, size=12, color="#c02942", alpha=0.8)
  
f3 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f3.square(currentList, List3, size=12, color="#d95b43", alpha=0.8)
# show plots in column
show(column(f1, f2, f3))

Producción :

Ejemplo 2:

# python program for bokeh column layout
from bokeh.io import output_file, show
from bokeh.layouts import column
from bokeh.plotting import figure
  
# output will be in GFG.html
output_file("GFG.html")
currentList = list(range(7))
  
List1 = currentList
List2 = [i % 2 for i in currentList]
List3 = [i % 10 for i in currentList]
  
f1 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f1.circle(currentList, List1, size=12, color="#53777a", alpha=0.8)
  
f2 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f2.triangle(currentList, List2, size=12, color="#c02942", alpha=0.8)
  
f3 = figure(plot_width=200, plot_height=150, background_fill_color="#fc8803")
f3.square(currentList, List3, size=12, color="#d95b43", alpha=0.8)
  
show(column(f1, f2, f3))

Producción :