Hover callback update datatable

Dear all,

I’m fairly new with Bokeh so in advance sorry if my question is naive.

I wish to have too different plots linked. The first one would display a map and several areas on that map would be dynamic (by addition of buttons or just glyph from a scatter plot for instance as they are no need for complex shapes). When one would hover a given target location it would automatically update the content of a DataTable linked to it.

To be more precise I wish to have for instance, a map of a city, and, hovering over a central point in each district, one would see appear in the table the demographics of the corresponding district (total population, area etc …)

I intially planned to go for a costum JS (JavaScript callbacks — Bokeh 2.4.2 Documentation) but I’m neither sure if it’s the best way to do it, nor really know how to do it. It’d be greatly appreciated if you had snippets of code or githubs/tutorials to suggest.

Thanks a lot in advance.

NM