Load a lot of data

Zeitline is able to handle a lot of data without having performance issues.

var conf = {
  selector: '#timeline',
  dateRange: [
    new Date('2017-01-01'),
    new Date('2018-01-01'),
  ],
  intervals: [
    [new Date('01 May 2017'), new Date('30 May 2017'), 220],
    [new Date('30 Jun 2017'), new Date('10 Dec 2017'), 100],
  ]
};

// Read events from CSV file
// You need to import d3 to be able to use "d3.csv"
d3.csv('https://raw.githubusercontent.com/wiki/arunsrinivasan/flights/NYCflights14/weather_delays14.csv', function(data) {
  conf.data = data.map(function(d) { 
    return {date: new Date(2017, +d.month, +d.day), label: d.flight};
  });

  var t = new Zeitline.Timeline(conf);
  t.render();
});