Rendering a horizontal timeline (zoomable, scrubbable) that also displays calculated value on mouseover?

I would like to create an online interactive horizontal timeline, that also shows a calculated value on mouseover, or in a separate box on the page.

• I have a 6 month timeframe with roughly 20-30 events.

• I would like a way to zoom in/out and drag through these events

• In parallel, there is a numerical value that increases over time at a linear rate - which we should display at the current mouse position.

Does anybody know of any good timeline libraries that could render such a thing, or even any cool examples online you might seen that show something similar? Or how would you approach this problem?