How to plot bar graph interactively based on value of dropdown widget in bokeh python?

Question

I want to plot the bar graph based value of dropdown widget.

Code

import pandas as pd
from bokeh.io import output_file, show
from bokeh.layouts import widgetbox
from bokeh.models.widgets import Dropdown
from bokeh.plotting import curdoc
from bokeh.charts import Bar, output_file,output_server, show #use output_notebook to visualize it in notebook


df=pd.DataFrame({'item':["item1","item2","item2","item1","item1","item2"],'value':[4,8,3,5,7,2]})

menu = [("item1", "item1"), ("item2", "item2")]
dropdown = Dropdown(label="Dropdown button", button_type="warning", menu=menu)


def function_to_call(attr, old, new):

    df=df[df['item']==dropdown.value]    
    p = Bar(df, title="Bar Chart Example", xlabel='x', ylabel='values', width=400, height=400)
    output_server()    
    show(p)

dropdown.on_change('value', function_to_call)

curdoc().add_root(dropdown)

Questions

I am getting the flowing error "UnboundLocalError: local variable 'df' referenced before assignment" eventhough df is already created.
How to plot the bar graph in the webpage below the dropdown? What is the syntax to display it after issue in 1. is resolved?

bigreddot · Accepted Answer · 2016-08-24 15:52:03Z

0

For 1.) you are referencing it before assigning it. Look at the df['item']==dropdown.value inside the square brackets. That happens first before the assignment. As to why this matters, that's how Python works. All assignments in a function by default create local variables. But before the assignment, only the global value is available. Python is telling you it won't allow mixed global/local usage in a single function. Long story short, rename the df variable inside the function:

subset = df[df['item']==dropdown.value]    
p = Bar(subset, ...)

For 2.) you need to put things in a layout (e.g. a column). There are lots of example of this in the project docs and in the gallery.

answered Aug 24, 2016 at 15:52

bigreddot

34.8k5 gold badges73 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

GeorgeOfTheRF Over a year ago

Thanks. p is local to the function_to_call() function so should i return p in this function and use it in curdoc().add_root(column(dropdown,p))

Collectives™ on Stack Overflow

How to plot bar graph interactively based on value of dropdown widget in bokeh python?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related