Not able to implement hover callback in bokeh on streamlit

Hello guys!

I am trying to use bokeh charts in streamlit for creating a scatterplot and also on hovering it shows an image of the datapoint. I am using streamlit 0.53 on python 3.6 on a ubuntu 18.04 machine.

I came across this post by @Marc and it has helped me a lot to come up with these visualizations but I am stuck at this last juncture for which I would be highly obliged if someone could guide me in the right direction.

The expected behaviour is as follows. When I export the figure to an html file, this is how it looks; I have hovered over the point (1,1) and this figure has popped up as a tooltip.

On streamlit however, this is how the chart output looks as follows, the tooltip doesn’t render the image…

The code that I have used to create these plots is as follows

import streamlit as st
import pandas as pd
from bokeh.plotting import figure, output_file, save
from import HoverTool
from bokeh.models import ColumnDataSource

p = figure(
    plot_width = 1500,
    plot_height = 900,
    title = f"Demo",
    x_axis_label = "X",
    y_axis_label = "Y",   

df = pd.read_csv("./demo.csv")

    y = "y",
    x = "x",
    source = ColumnDataSource(df),
    size = 10,

hover = HoverTool()
hover.tooltips = """
            <img src="@ImgName" alt="@ImgName" style="border:2px solid black; border-radius:20%" width="150"/>


st.bokeh_chart(p, use_container_width=True)

The data in the csv files is as follows


Could someone please help me figure out what could the issue be here? If this works, it would be a really great step toward helping me visualize abnormalities in my dataset while doing Machine Learning.

Thanks & Regards,