Getting Started with Timegrid

Creating Data
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:

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

Adding a Timegrid
Timegrid is an entirely client-side application and requires no special configuration (unlike CGI-based applications), and can even be run from your local file system. In addition to the data file that we just wrote, you'll need an HTML page for the Timegrid to display in. You can either create a new page, or simply use an existing page.

You need 2 things to add a timegrid into your page:
 * the  in the head, and
 * a  element in the body annotated with timegrid attributes.

  &lt;div tg:role="grid" tg:views="week,month" tg:src="data.xml"&gt;&lt;/div&gt;