im looking for a vanilla js timeline library. i found vis.js, and thats the closest thing to what im looking for, but it rearranges items when scrolling horizontally and thats really annoying (i have way too many events
i also know about d3.js but well, its kinda terrifying, but ill try making the timeline in there if there are really no alternatives
basically im trying to get my aeon timeline onto my website with the exported json. so does anyone know any good timeline libraries?
I’m not sure exactly what you have in mind. You want a horizontally scrolling representation of events on a timeline, but scrolling causes problems?
Maybe a “carousel” is another option that’s a little bit simpler.
no, im not looking for a carousel. i have a long and messy timeline with a lot of overlapping and stuff but each event is nothing more than a text label. its like what the vis.js timeline gives me but vis.js gives wacky scrolling
What if you used <details> and <summary> for each timeline item? You can stack them vertically in any order you please, put the event label in the <summary>, and provide additional information when a visitor expands a given item. No JavaScript needed, just standard HTML.
thats not really what i want either; i wont have anything to put into the summary section, like i said before, each event is nothing more than a text label. i have a json and i want to render it. it also includes events with start & end, and events with only 1 time. (you couldve gotten an idea if you looked up vis.js’s timeline)
but regardless, i just went with the simple way. maybe ill make one in d3 in the far, far, future, but this works for the time being lmao. Timeline | The Iron Ragdoll
Maybe something like https://js.histropedia.com/ fits the bill.
ooh, that does look okay. its kinda ancient-looking with the canvas though, but ill give it a try!