Python Bokeh – Plotting Rectangles on a Graph

Bokeh is a Python interactive data visualization. It renders its plots using HTML and JavaScript. It targets modern web browsers for presentation providing elegant, concise construction of novel graphics with high-performance interactivity.

Bokeh can be used to plot rectangles on a graph. Plotting rectangles on a graph can be done using the rect() method of the plotting module.

plotting.figure.rect()

Syntax : rect(parameters)

Parameters :

• x : x-coordinates of the center of the rectangle
• y : y-coordinates of the center of the rectangle
• width : width of the rectangle
• width_units : unit of the width of the rectangle
• height : height of the rectangle
• height_units : unit of the height of the rectangle

Returns : an object of class GlyphRenderer

Example 1 : In this example we will be using the default values for plotting the graph.

# importing the modules
from bokeh.plotting import figure, output_file, show

# file to save the model
output_file("gfg.html")

# instantiating the figure object
graph = figure(title = "Bokeh Rectangle Graph",
               match_aspect = True)

# the points to be plotted
x = 0
y = 0
width = 10
height = 5

# plotting the graph
graph.rect(x,
           y,
           width,
           height)

# displaying the model
show(graph)

Output :

Example 2 : In this example we will be plotting the multiple rectangles with various other parameters

# importing the modules
from bokeh.plotting import figure, output_file, show

# file to save the model
output_file("gfg.html")

# instantiating the figure object
graph = figure(title = "Bokeh Rectangle Graph")

# name of the x-axis
graph.xaxis.axis_label = "x-axis"

# name of the y-axis
graph.yaxis.axis_label = "y-axis"

# points to be plotted
x = [0, 3, 5]
y = [0, 3, 3]
width = [2, 4, 6]
height = [2, 3, 8]

# color value of the rectangle
color = ["yellow", "red", "blue"]

# fill alpha value of the rectangle
fill_alpha = [0.9, 0.7, 0.5]

# plotting the graph
graph.rect(x,
           y,
           width,
           height,
           color = color,
           fill_alpha = fill_alpha)

# displaying the model
show(graph)

Output :