Box plot background and current value

I want to create “a box plot like” chart in plotly.js.

Here is an example of this. I want the green area from 1 to 5, the yellow from 5 to 10 and red from 10 to 15.
The black rectangle is the current value (given from external live data) and the black vertical line is another value.

In my project I want to use d3.js and I’m not sure wether plotly.js can do this job for me.
Or can I extend it so it fits to my wishes?
Thank’s for helping.

I found something here.

We don’t have a native bullet trace type at the moment. But, this should be doable using a couple stacked bar traces and a few line shapes.

1 Like