[Solved] How Do I Make “Super Awesome Vertical Timeline” use a JSON data source? [closed]

by


By reading through the README page that you linked to, it’s obvious that this widget uses Tabletop.js to load data. If you read the Tabletop.js page README, you find that all it does is convert a Google spreadsheet into JSON data. This means that Timeline already works with JSON data:

(From the github page)

function init() {
  Tabletop.init( { key: '0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE',
               callback: function(data, tabletop) { console.log(data) },
               simpleSheet: true } )
}

Will give you

[ { name: "Carrot", category: "Vegetable", healthiness: "Adequate" }, 
  { name: "Pork Shoulder", category: "Meat", healthiness: "Questionable" }, 
  { name: "Bubblegum", category: "Candy", healthiness: "Super High"} ]

Yes, that easy.

All you have to do is find where Tabletop functions are called (you have access to the source code) and replace that with an AJAX call. Since you haven’t posted any code that you have tried, I can’t help you any more than that.

solved How Do I Make “Super Awesome Vertical Timeline” use a JSON data source? [closed]