Friday, September 5, 2025
HomeLanguagesPython Bokeh – Plotting Squares with Xs on a Graph

Python Bokeh – Plotting Squares with Xs 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 squares with Xs on a graph. Plotting squares with Xs on a graph can be done using the square_x() method of the plotting module.

plotting.figure.square_x()

Syntax : square_x(parameters)

Parameters :

  • x : x-coordinates of the center of the square
  • y : y-coordinates of the center of the square

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 Square X Graph")
      
# the points to be plotted
x = 0
y = 0
     
# plotting the graph
graph.square_x(x, y, size = 30, fill_color = None)
      
# displaying the model
show(graph)


Output :

Example 2 : In this example we will be plotting the multiple squares 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 Square X 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 = [3, 3, 5]
y = [3, 1, 3]
size = [130, 100, 60]
  
# color value of the square
color = ["yellow", "red", "purple"]
  
# fill alpha value of the square
fill_alpha = [0.9, 0.7, 0.5]
  
# plotting the graph 
graph.square_x(x, y,
               size = size,
               color = color,
               fill_alpha = fill_alpha) 
       
# displaying the model 
show(graph)


Output :

Last Updated :
10 Jul, 2020
Like Article
Save Article

<!–

–>

Similar Reads
Related Tutorials
Dominic
Dominichttp://wardslaus.com
infosec,malicious & dos attacks generator, boot rom exploit philanthropist , wild hacker , game developer,
RELATED ARTICLES

Most Popular

Dominic
32264 POSTS0 COMMENTS
Milvus
81 POSTS0 COMMENTS
Nango Kala
6634 POSTS0 COMMENTS
Nicole Veronica
11801 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11863 POSTS0 COMMENTS
Shaida Kate Naidoo
6750 POSTS0 COMMENTS
Ted Musemwa
7025 POSTS0 COMMENTS
Thapelo Manthata
6701 POSTS0 COMMENTS
Umr Jansen
6718 POSTS0 COMMENTS