I have a side project that I fuss with sometimes and I can't decide what to do with, and one of the many ideas I have is creating a timeline of important events. In researching how I might do this, I found this library.
TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.
From their docs:
- Keep it short. We recommend not having more than 20 slides for a reader to click through.
- Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline.
- Write each event as a part of a larger narrative.
- Include events that build up to major occurrences — not just the major events.
Their docs include a live timeline that builds from a linked spreadsheet, and includes a lot of really neat examples. I can think of a past client where this might have come in handy, if I'd known any JS at all at the time.
![Screenshot 2024-05-22 at 9 32 33 PM](https://private-user-images.githubusercontent.com/2286304/333033617-e9790f9a-5519-41b5-94f5-420f600120cd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzOTYxNzQsIm5iZiI6MTcxOTM5NTg3NCwicGF0aCI6Ii8yMjg2MzA0LzMzMzAzMzYxNy1lOTc5MGY5YS01NTE5LTQxYjUtOTRmNS00MjBmNjAwMTIwY2QucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjZUMDk1NzU0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MGZkZjcwNWM1NzkxMThhZGVkNmM2ZDc5MGU2ZjIyMGFiMTA0ZmMxZjhkYWI0Yzk4OWRkNDQ5ZDU1M2JiMjhmZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.CXSD20tHdEWLTLYKzVLhKlcWudODX-6LWunWfoEgSEs)