Getting Started

Priestly Timelines (named after 18th-century English theologian Joseph Priestly), show the duration of multiple data points over time by stacking blocks to best fit. Given data with unique IDs and start and end dates:

var data = [
  {id: "alpha",   start: 2004, end: 2007},
  {id: "epsilon", start: 2007, end: 2012},
  {id: "beta",    start: 2005, end: 2010},
];

It’s only requires a few lines of code to create a Priestly Timeline:

new d3plus.Priestley()
  .data(data)
  .render();