Filtering Streamlit Dataframe based on Bokeh Lasso

Eric · February 14, 2023, 10:03am

Is the any way to show the selected items from a bokeh plot in a a streamlit dataframe/table ? I found this github

ash2shukla/streamlit-bokeh-events/blob/master/example/widget_with_plot.py

import streamlit as st
import pandas as pd
from bokeh.plotting import figure
from bokeh.models import ColumnDataSource, CustomJS
from bokeh.models import DataTable, TableColumn
from bokeh.plotting import figure
from streamlit_bokeh_events import streamlit_bokeh_events

st.set_page_config(layout="wide")
# import function
# from streamlit_bokeh_events import streamlit_bokeh_events
col1, col2 = st.columns(2)
df = pd.read_csv('https://raw.githubusercontent.com/mwaskom/seaborn-data/master/iris.csv')
# create plot
cds = ColumnDataSource(df)
columns = list(map(lambda colname: TableColumn(field=colname, title=colname), df.columns))

# define events
cds.selected.js_on_change(
    "indices",

This file has been truncated. show original

but even the example is not working for me.

Eric · February 14, 2023, 11:13am

The problem is, that this is not rendering a plot:

plot.scatter("sepal_length", "sepal_width", fill_alpha=0.5, color="colors", size=10, line_color=None, source=cds_lasso)
with col2:
    result_lasso = streamlit_bokeh_events(
        bokeh_plot=plot,
        events="LASSO_SELECT",
        key="bar",
        refresh_on_update=True,
        debounce_time=0)
    if result_lasso:
        st.write("Event Lasso")
        if result_lasso.get("LASSO_SELECT"):
            st.write(df.iloc[result_lasso.get("LASSO_SELECT")["data"]])

Eric · February 14, 2023, 12:55pm

I got it working using plotly express and the streamlit_plotly_events component