I would like to make the plot as shown below using BokehJS.
In particular, I have two series of data that divide x-marks, and I want to make a histogram that displays each in a different color (quite simple). But in style, I would like for one bar to be narrower than the other, while both of them have the same centers along the x axis. To improve visibility, wider bands should be shown behind narrower bars.
In addition, I would like to do this using pure BokehJS, instead of using the Python interface. I can not find examples with this style. Any help would be greatly appreciated!
ABOUT! Last: Ideally, I would like to update this graph on the fly using javascript. So they say at the beginning of the exercise, my data is in a javascript variable, but I have alternative data in another javascript variable (with the same structure). I would like to be able to update the data and redraw the graph on the client side. In the worst case scenario, I know how to write enough JS to completely destroy the Bokeh plot and redraw it from scratch when I need to update. But I have to imagine that there is a way to simply enter new numerical data and talk about Boke's plans to update myself. But maybe I'm too optimistic?

source
share