example_timeline.json

{
    "padding": {
        "top": 100,
        "right": 0,
        "bottom": 50,
        "left": 50
    },
    "zoom": 1.5,
    "offset": 1994,
    "end": 1999,
    "events": [
        {
            "id": "writing_begin_ep1",
            "date": "1994-11-01T00:00:00.000Z",
            "title": "Lucas begins writing the prequel trilogy",
            "description": "Who knew it would be so divisive?",
            "color": "#990000"
        },
        {
            "id": "art_dev_ep1",
            "date": "1995-01-15T00:00:00.000Z",
            "title": "art development begins",
            "description": "",
            "color": "#990000"
        },
        {
            "id": "filming_begin_ep1",
            "date": "1997-06-26T00:00:00.000Z",
            "title": "principal photography begins",
            "description": "",
            "color": "#990000"
        },
        {
            "id": "filming_end_ep1",
            "date": "1997-09-30T00:00:00.000Z",
            "title": "principal photography ends",
            "description": "",
            "color": "#990000"
        },
        {
            "id": "extra_ep1",
            "date": "1998-08-15T00:00:00.000Z",
            "title": "additional shooting begins",
            "description": "",
            "color": "#990000"
        },
        {
            "id": "editing_end_ep1",
            "date": "1999-03-15T00:00:00.000Z",
            "title": "final mix is completed",
            "description": "",
            "color": "#990000"
        },
        {
            "id": "ep1_release",
            "date": "1999-05-19T00:00:00.000Z",
            "title": "The Phantom Menace premieres",
            "description": "",
            "color": "#990000"
        }
    ],
    "timespans": [
        {
            "id": "pre_prod",
            "start_date": "1994-11-01T00:00:00.000Z",
            "end_date": "1997-06-26T00:00:00.000Z",
            "title": "Pre-production",
            "description": "",
            "color": "#4444bb",
            "layer": 0
        },
        {
            "id": "prod",
            "start_date": "1997-06-26T00:00:00.000Z",
            "end_date": "1999-03-15T00:00:00.000Z",
            "title": "Production",
            "description": "",
            "color": "#dd2222",
            "layer": 0
        }
    ],
    "title": "Example Timeline"
}