timeline

A vertical lineair timeline with an animated scroll to the events in the timeline. The scale is lineair; the idea is that the animated scroll should give a sense of the time between events.

Demo

Google sheet webversion of data source: https://docs.google.com/spreadsheets/d/e/2PACX-1vSbyepAqMIKF5b1mirtGDe7dbT0SP319as6X4AWEpNk74dzMgj1gZ3cUXUQDSDTj5zrrRCb-4ao1XgH/pubhtml?gid=0&single=true

Google sheet CSV version of data source: https://docs.google.com/spreadsheets/d/e/2PACX-1vSbyepAqMIKF5b1mirtGDe7dbT0SP319as6X4AWEpNk74dzMgj1gZ3cUXUQDSDTj5zrrRCb-4ao1XgH/pub?gid=0&single=true&output=csv

Timeline: https://dwarshuis.com/various/timeline/view/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.