I'm building a website about a set of historical events. I want to create a basic timeline. All I need it to do is show different overlapping date ranges and individual events with bars and points (in this case, to compare reigns of Popes, Kings, and Bishops and associated events). It would be nice if it were lightweight and accessible with few or no dependencies; the purer the HTML and CSS, the better.
I'm building with #11ty; if I'm able to use a NodeJS library to parse data and make it more static for the client (via a shortcode), that would be great.
I've tried using Vis.JS, but it it is a rather heavy library and is trying too hard to be smart--it's resizing some of the shorter time periods, which means the labels get hiddden. I've also tried Timesheet.js, which is the aesthetic I'm going for, but it seems to not work with long periods of time and struggles to be responsive.
Example of the genre I'm looking for for: https://commons.wikimedia.org/wiki/File:PriestleyChart.gif




