{
"nodes": [{
"nodeId": "node_1",
"title": "Beginning",
"date": "1982-08",
"percent": 0,
"description": "This is the beginning of time-line.",
"nodes": [{
"nodeId": "node_1_1",
"title": "Day 1",
"date": "2001/09/01 00:00:00",
"offsetY": "up",
"percent": 15,
"description": "Brach from the first node."
}]
},
{
"nodeId": "node_2",
"title": "Day 2",
"date": "2005/07/01 00:00:00",
"percent": 20,
"description": "",
"nodes": [
[{
"nodeId": "node_2_brach_0",
"title": "Someday",
"date": "2001/09/01 00:00:00",
"percent": 35,
"offsetY": -60,
"description": "Haha, I am traveling..."
}],
[{
"nodeId": "node_2_1",
"title": "Day 3",
"date": "2001/09/01 00:00:00",
"percent": 30,
"description": "This is another branch..."
}, {
"nodeId": "node_2_2",
"title": "Day 4",
"date": "2001/09/01 00:00:00",
"percent": 35,
"description": "And more nodes..."
}, {
"nodeId": "node_2_3",
"title": "Day 5",
"date": "2001/09/01 00:00:00",
"percent": 45,
"description": "With more nodes...",
"nodes": [{
"nodeId": "node_2_3_1",
"title": "Day 6",
"date": "2001/09/01 00:00:00",
"percent": 60,
"offsetY": 100,
"description": "This is another branch."
}, {
"nodeId": "node_2_3_2",
"title": "Day 7",
"date": "2001/09/01 00:00:00",
"percent": 70,
"description": "With more nodes..."
}]
}, {
"nodeId": "node_2_4",
"title": "Day 8",
"date": "2001/09/01 00:00:00",
"percent": 85,
"description": "With more nodes..."
}]
],
"board": {
"width": 280
}
},
{
"nodeId": "node_998",
"title": "Day 10",
"date": "2012/12/20 00:00:00",
"percent": 80,
"description": "...",
"nodes": [{
"nodeId": "node_10_1",
"title": "I am from another universe!",
"date": "2001/09/01 00:00:00",
"percent": 65,
"offsetY": -60,
"description": "Time machine, LOL!",
"show": true
}]
},
{
"nodeId": "node_999",
"title": "Future",
"date": "2012/12/20 00:00:00",
"percent": 95,
"description": "The last node of the time-line. The detail board will be on the left of mouse.",
"lines": {
"type": "dotted",
"stroke_dasharray": "20, 10"
}
}
]
}