Skip to content
Related Articles

Related Articles

Improve Article

Python Bokeh – Plotting Quadrilaterals 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 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.




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

Output :

Example 2 : In this example we will be plotting the multiple quadrilaterals 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 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)

Output :

 Attention geek! Strengthen your foundations with the Python Programming Foundation Course and learn the basics.  

To begin with, your interview preparations Enhance your Data Structures concepts with the Python DS Course. And to begin with your Machine Learning Journey, join the Machine Learning – Basic Level Course




My Personal Notes arrow_drop_up
Recommended Articles
Page :