Bokeh – Disposición horizontal de las parcelas

Bokeh incluye varias opciones de diseño para organizar gráficos y widgets. Permiten organizar varios componentes para crear paneles interactivos o aplicaciones de datos. Las funciones de diseño le permiten crear una cuadrícula de gráficos y widgets. Puede anidar tantas filas, columnas o cuadrículas de gráficos como desee. 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 el diseño Bokeh Row, todos los gráficos se mostrarán solo en una fila. Esto se puede hacer usando la función de diseño de filas compatible con Bokeh:

Sintaxis:

fila( plot1, plot2, …. , plotn)

Acercarse:

  • Módulo de importación
  • Crear datos
  • Normalmente cree varias parcelas como si fueran independientes entre sí.
  • Combínalos en un diseño usando filas()
  • Gráficos de visualización

Ejemplo:

Python3

# python program for bokeh row layout
from bokeh.io import output_file, show
from bokeh.layouts import row
from bokeh.plotting import figure
  
# output will be in output.html
output_file("output.html")
  
x = list(range(11))
# y will be same as x
y = x
# y0 divide every element of x by 2
y0 = [i/2 for i in x]
# y1 multiply every element of xby 2
y1 = [i*2 for i in x]
  
# now creating three plots
plot1 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot1.circle(x, y, size=12, color="#53777a", alpha=0.8)
  
plot2 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot2.triangle(x, y0, size=12, color="#c02942", alpha=0.8)
  
plot3 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot3.square(x, y1, size=12, color="#d95b43", alpha=0.8)
  
# now creating row layout
show(row(plot1, plot2, plot3))

Producción :

Ejemplo:

Python3

from bokeh.io import output_file, show
from bokeh.layouts import row
from bokeh.plotting import figure
  
output_file("output.html")
  
x = list(range(11))
# y0 is same as x
y0 = x
# y1 is every element of x %2
y1 = [i % 2 for i in x]
# y1 is every element of x %10
y2 = [i % 10 for i in x]
  
plot1 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot1.circle(x, y0, size=12, color="#53777a", alpha=0.8)
  
plot2 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot2.triangle(x, y1, size=12, color="#c02942", alpha=0.8)
  
plot3 = figure(plot_width=200, plot_height=250, background_fill_color="#fafafa")
plot3.square(x, y2, size=12, color="#d95b43", alpha=0.8)
  
show(row(plot1, plot2, plot3))

Producción :

Publicación traducida automáticamente

Artículo escrito por rajatagrawal5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *