YAT.js

An easy to integrate timeline written in CoffeeScript and SCSS

yat.js is the only timeline that feels right on touch devices and on the desktop.

Mobile and touch built right into it

yat.js feels incredibly smooth on your smartphone or tablet

Accessible and Search Engine Optimized

yat.js was built with accessibility in mind. This is why yat.js reads all data from a table. The table is readable for screen readers and yat.js adds the timeline on top. That way everyone can access your information. Search engines too of course.

Easy to integrate into existing webpages

yat.js is a jQuery plugin. All you have to do is output your data as a table and include this piece of code:

$("#yat-table1").yat(
  {
    items:"tbody tr",
    category:"td.yat-category",
    content:"td.yat-content",
    date:"td.yat-date",
    shorttitle:"td.yat-title",
    tags:"td.yat-tags",
    important:"tr"
  },
  "#yat-table1-timeline",
  {
    alterImportant:function (element) {
      return element.hasClass("important");
  }
});
          

Open Source

yat.js is distributed under the GNU-GPLv3

Who's behind the project?

The timeline was built by Ben Freundorfer and Franz Wilding for the Austrian Ministry of Health (German website) who agreed to releasing it as open source after the project's end. Just one sign of how open-minded and cool the people are who work there.

Download

To download the sourcecode and get started, head over to the yat.js timeline GitHub project.