Timegrid/Creating Data

From SIMILE Widgets

Timegrid is a tool for visualizing event data, so the first step in creating a Timegrid is creating a file containing event data in a format that Timegrid can understand. Luckily, if you have any event source files for Timeline, Timegrid by default uses both Timeline's XML and JSON formats.

XML

Here is an example of a Timegrid XML event source file:

<data dateTimeFormat="iso8601">
  <event 
    start="2007-08-29" 
    end="2007-08-30" 
    title="Event #1 Title">
    This event is a simple multi-day event.
  </event>
  <event
    start="2007-09-01T09:00" 
    end="2007-09-01T13:00" 
    title="Event #2 Title">
    This event starts at 9am and ends at 1pm, local time.
  </event>
  <event
    start="2007-09-02T10:00-05:00" 
    end="2007-09-02T12:00-05:00" 
    title="Event #3 Title">
    This event has timezone information provided with the times.
  </event>
</data>

JSON

Here is an example of a Timegrid JSON event source file:

{
  dateTimeFormat: 'iso8601',
  events: [
    {
      start:       '2007-08-29',
      end:         '2007-08-30',
      title:       'Event #1 Title',
      description: 'This event is a simple multi-day event.'
    },
    {
      start:       '2007-09-01T09:00',
      end:         '2007-09-01T13:00',
      title:       'Event #2 Title',
      description: 'This event starts at 9am and ends at 1pm, local time.'
    },
    {
      start:       '2007-09-02T10:00-05:00',
      end:         '2007-09-02T12:00-05:00',
      title:       'Event #3 Title',
      description: 'This event has timezone information provided with the times.'
    }
  ]
}