Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to add color-picker in Bokeh?

  • Last Updated : 31 Aug, 2021

In this article, we are going to see how to add a color picker widget in bokeh. 

Widgets are the best way to make charts more interactive. We can also add widgets in the Bokeh application to provide the best front-end user visualization. Using widgets we can do many things like update charts, connect to other programmatic functionality.  One of the widgets is the color picker.

 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

Creating a color picker for the line chart in bokeh:



Python3




# displaying the chart
from bokeh.io import show
from bokeh.layouts import column
  
# importing colorpicker model from bokeh
from bokeh.models import ColorPicker
  
# plotting the figure
from bokeh.plotting import Figure
  
plot = Figure(x_range=(0, 1), 
              y_range=(0, 1), 
              plot_width=350
              plot_height=350)
  
line = plot.line(x=(0,1), 
                 y=(0,1),
                 color="black"
                 line_width=4)
  
picker = ColorPicker(title="Line Color")
  
picker.js_link('color'
               line.glyph,
               'line_color')
  
show(column(plot, picker))

Output:

Color Picker in Bokeh

We plot a line chart with a color picker. Here we have explicitly specifies the line chart color ‘black’. The color of the line is by default ‘blue’ of a line chart. We can choose any color from the color picker and change our line chart color. Here I have chosen green color.

Green color Line Chart – with color picker




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!