Python Bokeh – Plotting Quadrilaterals 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 quadrilaterals on a graph. Plotting quadrilaterals on a graph can be done using the quad() method of the plotting module.

plotting.figure.quad()

Syntax : quad(parameters)

Parameters :

  • left : x-coordinates of the left edges of the quadrilateral
  • right : x-coordinates of the right edges of the quadrilateral
  • top : y-coordinates of top the edges of the quadrilateral
  • bottom : y-coordinates bottom of the edges of the quadrilateral

Returns : an object of class GlyphRenderer



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

filter_none

edit
close

play_arrow

link
brightness_4
code

# 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 Quadrilateral Graph",
               match_aspect = True)
      
# the points to be plotted
top = 3
bottom = 1
left = 0
right = 4
     
# plotting the graph
graph.quad(left,
           right,
           top,
           bottom)
      
# displaying the model
show(graph)

chevron_right


Output :

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

filter_none

edit
close

play_arrow

link
brightness_4
code

# 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 Quadrilateral 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
left = [2, 3, 6]
right = [1, 5, 0]
top = [3, 6, 6]
bottom = [1, 5, 2
  
# color value of the patch
color = ["yellow", "red", "blue"]
  
# fill alpha value of the patch
fill_alpha = [0.9, 0.7, 0.5]
  
# plotting the graph 
graph.quad(left,
           right,
           top,
           bottom,
           color = color,
           fill_alpha = fill_alpha) 
       
# displaying the model 
show(graph)

chevron_right


Output :




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.