How to make a slider with a tooltip attached to the current position?

Question

css

Hello.

How to make such a slider:


When hovering over a cell in the strip, the tooltip should move to it and the values ​​in the tooltip should change depending on the cell.

Are there plugins with this functionality? Maybe someone came across.

Answer 1

Take Slick JS for the slider, convert the dots to cells, write a hover event. Calculate the coordinates of the cell and, on an event, move the block to these coordinates, taking information into the block either from the date attributes, or from somewhere else.