Bookings visualisation advice?

[artyrcheek]

Forgive me if this isn't the right place to ask for advice

Bookings vizualisation

I want to use Polaris Viz as a way to show a schedule of bookings, similar to this:

I was thinking it might make sense to build my own using D3 JS, but its for a Shopify app and i would love to keep the Polaris Viz style, It seems silly to try to build it from scratch.

A halfway solution

I can get halfway there by having a stacked horizontal bar chart with a transparent data series. Though this isn't ideal.

With this approach, there are duplicate Legends and transparent series.

How to improve?

Is there any way to use the current charts in a clever way that I'm not considering?
Or will it require creating my own new chart using D3? If so can anyone give me a super rough outline of what will need to be done / what components will be useful to take a look at? Is there any easy way to allow bar chart data to not start at 0?

Thank you! Polaris Viz is such a great library 🙌🏻

[artyrcheek]