How do I create a timeline chart such as shown here?

[sureshvv]

https://dhtmlx.com/blog/wp-content/uploads/2020/10/Timeline@2x-1024x341.png

There is no Y axis... just events need to be marked along time axis.

[LeeLenaleee]

There is no built in way to do this, and it probabbly also wont come so to achieve this with chart.js you will have to create a custom chart type. See: https://www.chartjs.org/docs/latest/developers/charts.html

[etimberg]

Will 2nd this answer, I'm not sure chart.js is the best way to implement this. SVG will get you a lot farther since you have much more control over text rendering

[sureshvv]

Any SVG library you recommend? Google search resulted in Snap.svg & Pablo.

[etimberg]

I've used snap in the past and had success with it.

[LeeLenaleee]

I had some nice experiences with highcharts, its free for hobby use if I remember correct but cost money for comercial use

[kurkle]

Its doable:
https://codepen.io/kurkle/pen/ZEpVmxV

[sureshvv]

I am still on Charts,js v2.9.3

Does this require the latest version 3?