Python Bokeh - Plotting Rectangles on a Graph

Last Updated : 10 Jul, 2020

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.

Python3

# 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

Python3

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