I want to generate a graph like the attached image. I'm new to D3 and don't know where to start. Can I use a heatmap with a connected line graph to generate a graph like that? This graph contains 24 grids to represent 24 hours in a day and Y-axis contains a range of vital values based on the vital value at that particular hour I need to draw a circle in the grid. Finally, I need to connect all dots of vital. All these vital ranges and grid colors are configurable in the backend.