jrtechs
/
jrtechs-vis
mirror of https://github.com/jrtechs/vis.git
1
0
Fork 0
Code Issues 0 Releases 82 Wiki Activity
vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2111 Commits
33 Branches
518 MiB
Tree: 58e2157be6
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '58e2157be6'
${ noResults }
jrtechs-vis/examples/timeline/groups/groupsEditable.html

294 lines
27 KiB
Raw Normal View History

added groupEditable example
9 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.   <title>Timeline | Editable Groups</title>
  5. 

  6.   <style>
  7.     body, html {
  8.       font-family: arial, sans-serif;
  9.       font-size: 11pt;
  10.     }
  11. 

  12.     #visualization {
  13.       box-sizing: border-box;
  14.       width: 100%;
  15.       height: 300px;
  16.     }
  17.   </style>
  18. 

  19.   <script src="../../../dist/vis.js"></script>
  20.   <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
  21. <!--   <script src="../../googleAnalytics.js"></script> -->
  22. </head>
  23. <body>
  24. <p>
  25.   This example demonstrates editable groups (for now only reordering).
  26. </p>
  27. <div id="visualization"></div>
  28. 

  29. <script>
  30.   // http://motocal.com/
  31.   var groups = new vis.DataSet([
  32. 	{"content": "Formula E", "id": "Formula E", "value": 1},
  33. 	{"content": "WRC", "id": "WRC", "value": 2},
  34. 	{"content": "MotoGP", "id": "MotoGP", "value": 3},
  35. 	{"content": "V8SC", "id": "V8SC", "value": 4},
  36. 	{"content": "WTCC", "id": "WTCC", "value": 5},
  37. 	{"content": "F1", "id": "F1", "value": 6},
  38. 	{"content": "SBK", "id": "SBK", "value": 7},
  39. 	{"content": "IndyCar", "id": "IndyCar", "value": 8},
  40. 	{"content": "MotoAmerica", "id": "MotoAmerica", "value": 9},
  41. 	{"content": "SGP", "id": "SGP", "value": 10},
  42. 	{"content": "EWC", "id": "EWC", "value": 11},
  43. 	{"content": "BSB", "id": "BSB", "value": 12},
  44. 	{"content": "DTM", "id": "DTM", "value": 13},
  45. 	{"content": "BTCC", "id": "BTCC", "value": 14},
  46. 	{"content": "WorldRX", "id": "WorldRX", "value": 15},
  47. 	{"content": "WSR", "id": "WSR", "value": 16},
  48. 	{"content": "Roads", "id": "Roads", "value": 17},
  49. 	{"content": "WEC", "id": "WEC", "value": 18},
  50.   ]);
  51. 

  52.   // create a dataset with items
  53.   // note that months are zero-based in the JavaScript Date object, so month 3 is April
  54.   var items = new vis.DataSet([
  55. 	{start: new Date(2015, 0, 10), end: new Date(2015, 0, 11), group:"Formula E", content:"Argentina",id:"531@motocal.net"},
  56. 	{start: new Date(2015, 0, 22), end: new Date(2015, 0, 26), group:"WRC", content:"Rallye Monte-Carlo",id:"591@motocal.net"},
  57. 	{start: new Date(2015, 1, 04), end: new Date(2015, 1, 08), group:"MotoGP", content:"Sepang MotoGP Test 1",id:"578@motocal.net"},
  58. 	{start: new Date(2015, 1, 12), end: new Date(2015, 1, 16), group:"WRC", content:"Rally Sweden",id:"592@motocal.net"},
  59. 	{start: new Date(2015, 1, 20), end: new Date(2015, 1, 23), group:"SBK", content:"Australia",id:"616@motocal.net"},
  60. 	{start: new Date(2015, 1, 23), end: new Date(2015, 1, 27), group:"MotoGP", content:"Sepang MotoGP Test 2",id:"579@motocal.net"},
  61. 	{start: new Date(2015, 1, 26), end: new Date(2015, 2, 02), group:"V8SC", content:"Clipsal 500 Adelaide",id:"659@motocal.net"},
  62. 	{start: new Date(2015, 2, 05), end: new Date(2015, 2, 09), group:"WRC", content:"Rally Guanajuato Mexico",id:"593@motocal.net"},
  63. 	{start: new Date(2015, 2, 06), end: new Date(2015, 2, 09), group:"WTCC", content:"Argentina",id:"717@motocal.net"},
  64. 	{start: new Date(2015, 2, 12), end: new Date(2015, 2, 16), group:"V8SC", content:"Australian Grand Prix",id:"660@motocal.net"},
  65. 	{start: new Date(2015, 2, 13), end: new Date(2015, 2, 16), group:"F1", content:"Australia",id:"630@motocal.net"},
  66. 	{start: new Date(2015, 2, 14), end: new Date(2015, 2, 15), group:"Formula E", content:"Miami, USA",id:"534@motocal.net"},
  67. 	{start: new Date(2015, 2, 14), end: new Date(2015, 2, 17), group:"MotoGP", content:"Qatar MotoGP Test",id:"577@motocal.net"},
  68. 	{start: new Date(2015, 2, 20), end: new Date(2015, 2, 23), group:"SBK", content:"Thailand",id:"617@motocal.net"},
  69. 	{start: new Date(2015, 2, 27), end: new Date(2015, 2, 30), group:"F1", content:"Malaysia",id:"631@motocal.net"},
  70. 	{start: new Date(2015, 2, 27), end: new Date(2015, 2, 30), group:"V8SC", content:"Tasmania SuperSprint",id:"661@motocal.net"},
  71. 	{start: new Date(2015, 2, 27), end: new Date(2015, 2, 30), group:"IndyCar", content:"Grand Prix of St. Petersburg",id:"752@motocal.net"},
  72. 	{start: new Date(2015, 3, 04), end: new Date(2015, 3, 07), group:"BSB", content:"Round 1",id:"604@motocal.net"},
  73. 	{start: new Date(2015, 3, 04), end: new Date(2015, 3, 06), group:"BTCC", content:"Rounds 1, 2 & 3",id:"581@motocal.net"},
  74. 	{start: new Date(2015, 3, 04), end: new Date(2015, 3, 05), group:"Formula E", content:"Long Beach, USA",id:"535@motocal.net"},
  75. 	{start: new Date(2015, 3, 10), end: new Date(2015, 3, 13), group:"IndyCar", content:"Indy Grand Prix of Louisiana",id:"753@motocal.net"},
  76. 	{start: new Date(2015, 3, 10), end: new Date(2015, 3, 13), group:"MotoAmerica", content:"COTA",id:"705@motocal.net"},
  77. 	{start: new Date(2015, 3, 10), end: new Date(2015, 3, 13), group:"SBK", content:"Aragon",id:"618@motocal.net"},
  78. 	{start: new Date(2015, 3, 10), end: new Date(2015, 3, 13), group:"MotoGP", content:"Americas",id:"540@motocal.net"},
  79. 	{start: new Date(2015, 3, 10), end: new Date(2015, 3, 13), group:"F1", content:"China",id:"632@motocal.net"},
  80. 	{start: new Date(2015, 3, 12), end: new Date(2015, 3, 13), group:"WEC", content:"6 Hours of Silverstone",id:"674@motocal.net"},
  81. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"BSB", content:"Round 2",id:"605@motocal.net"},
  82. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"F1", content:"Bahrain",id:"633@motocal.net"},
  83. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"IndyCar", content:"Grand Prix of Long Beach",id:"754@motocal.net"},
  84. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"MotoAmerica", content:"Road Atlanta",id:"706@motocal.net"},
  85. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"SBK", content:"Netherlands",id:"619@motocal.net"},
  86. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"WTCC", content:"Morocco",id:"718@motocal.net"},
  87. 	{start: new Date(2015, 3, 17), end: new Date(2015, 3, 20), group:"MotoGP", content:"Argentina",id:"559@motocal.net"},
  88. 	{start: new Date(2015, 3, 18), end: new Date(2015, 3, 19), group:"SGP", content:"Warsaw",id:"729@motocal.net"},
  89. 	{start: new Date(2015, 3, 18), end: new Date(2015, 3, 20), group:"EWC", content:"24 Heures Moto Le Mans",id:"701@motocal.net"},
  90. 	{start: new Date(2015, 3, 18), end: new Date(2015, 3, 20), group:"BTCC", content:"Rounds 4, 5 & 6",id:"582@motocal.net"},
  91. 	{start: new Date(2015, 3, 23), end: new Date(2015, 3, 27), group:"WRC", content:"Rally Argentina",id:"595@motocal.net"},
  92. 	{start: new Date(2015, 3, 24), end: new Date(2015, 3, 27), group:"WorldRX", content:"Portugal",id:"686@motocal.net"},
  93. 	{start: new Date(2015, 3, 24), end: new Date(2015, 3, 27), group:"IndyCar", content:"Indy Grand Prix of Alabama",id:"755@motocal.net"},
  94. 	{start: new Date(2015, 3, 25), end: new Date(2015, 3, 27), group:"WSR", content:"Spain",id:"742@motocal.net"},
  95. 	{start: new Date(2015, 4, 01), end: new Date(2015, 4, 04), group:"MotoGP", content:"Spain",id:"542@motocal.net"},
  96. 	{start: new Date(2015, 4, 01), end: new Date(2015, 4, 04), group:"WorldRX", content:"Hockenheim",id:"768@motocal.net"},
  97. 	{start: new Date(2015, 4, 01), end: new Date(2015, 4, 04), group:"DTM", content:"Hockenheim",id:"650@motocal.net"},
  98. 	{start: new Date(2015, 4, 01), end: new Date(2015, 4, 04), group:"WTCC", content:"Hungary",id:"719@motocal.net"},
  99. 	{start: new Date(2015, 4, 01), end: new Date(2015, 4, 04), group:"V8SC", content:"Perth SuperSprint",id:"662@motocal.net"},
  100. 	{start: new Date(2015, 4, 02), end: new Date(2015, 4, 05), group:"BSB", content:"Round 3",id:"606@motocal.net"},
  101. 	{start: new Date(2015, 4, 02), end: new Date(2015, 4, 03), group:"WEC", content:"6 Hours of Spa-Francorchamps",id:"675@motocal.net"},
  102. 	{start: new Date(2015, 4, 07), end: new Date(2015, 4, 10), group:"IndyCar", content:"Grand Prix of Indianapolis",id:"756@motocal.net"},
  103. 	{start: new Date(2015, 4, 08), end: new Date(2015, 4, 11), group:"F1", content:"Spain",id:"634@motocal.net"},
  104. 	{start: new Date(2015, 4, 08), end: new Date(2015, 4, 11), group:"SBK", content:"Italy",id:"620@motocal.net"},
  105. 	{start: new Date(2015, 4, 09), end: new Date(2015, 4, 10), group:"Formula E", content:"Monaco",id:"536@motocal.net"},
  106. 	{start: new Date(2015, 4, 09), end: new Date(2015, 4, 11), group:"BTCC", content:"Rounds 7, 8 & 9",id:"583@motocal.net"},
  107. 	{start: new Date(2015, 4, 10), end: new Date(2015, 4, 17), group:"Roads", content:"North West 200",id:"682@motocal.net"},
  108. 	{start: new Date(2015, 4, 15), end: new Date(2015, 4, 17), group:"WTCC", content:"Germany",id:"720@motocal.net"},
  109. 	{start: new Date(2015, 4, 15), end: new Date(2015, 4, 18), group:"WorldRX", content:"Belgium",id:"687@motocal.net"},
  110. 	{start: new Date(2015, 4, 15), end: new Date(2015, 4, 18), group:"V8SC", content:"Winton SuperSprint",id:"663@motocal.net"},
  111. 	{start: new Date(2015, 4, 15), end: new Date(2015, 4, 18), group:"MotoGP", content:"France",id:"543@motocal.net"},
  112. 	{start: new Date(2015, 4, 15), end: new Date(2015, 4, 18), group:"MotoAmerica", content:"VIR",id:"707@motocal.net"},
  113. 	{start: new Date(2015, 4, 16), end: new Date(2015, 4, 17), group:"SGP", content:"Tampere",id:"730@motocal.net"},
  114. 	{start: new Date(2015, 4, 21), end: new Date(2015, 4, 25), group:"WRC", content:"Rally de Portugal",id:"594@motocal.net"},
  115. 	{start: new Date(2015, 4, 21), end: new Date(2015, 4, 25), group:"F1", content:"Monaco",id:"635@motocal.net"},
  116. 	{start: new Date(2015, 4, 22), end: new Date(2015, 4, 25), group:"WorldRX", content:"Great Britain",id:"688@motocal.net"},
  117. 	{start: new Date(2015, 4, 22), end: new Date(2015, 4, 25), group:"SBK", content:"UK",id:"621@motocal.net"},
  118. 	{start: new Date(2015, 4, 22), end: new Date(2015, 4, 25), group:"IndyCar", content:"Indianapolis 500",id:"757@motocal.net"},
  119. 	{start: new Date(2015, 4, 23), end: new Date(2015, 4, 24), group:"SGP", content:"Prague",id:"731@motocal.net"},
  120. 	{start: new Date(2015, 4, 23), end: new Date(2015, 4, 24), group:"Formula E", content:"Germany",id:"537@motocal.net"},
  121. 	{start: new Date(2015, 4, 24), end: new Date(2015, 4, 25), group:"WSR", content:"Monaco",id:"743@motocal.net"},
  122. 	{start: new Date(2015, 4, 29), end: new Date(2015, 5, 01), group:"MotoAmerica", content:"Road America",id:"708@motocal.net"},
  123. 	{start: new Date(2015, 4, 29), end: new Date(2015, 5, 01), group:"IndyCar", content:"Dual in Detroit",id:"758@motocal.net"},
  124. 	{start: new Date(2015, 4, 29), end: new Date(2015, 5, 01), group:"MotoGP", content:"Italy",id:"562@motocal.net"},
  125. 	{start: new Date(2015, 4, 29), end: new Date(2015, 5, 01), group:"DTM", content:"Lausitzring",id:"651@motocal.net"},
  126. 	{start: new Date(2015, 4, 30), end: new Date(2015, 5, 13), group:"Roads", content:"Isle of Man TT",id:"683@motocal.net"},
  127. 	{start: new Date(2015, 4, 30), end: new Date(2015, 5, 01), group:"WSR", content:"Belgium",id:"745@motocal.net"},
  128. 	{start: new Date(2015, 5, 04), end: new Date(2015, 5, 07), group:"IndyCar", content:"Firestone 600",id:"759@motocal.net"},
  129. 	{start: new Date(2015, 5, 05), end: new Date(2015, 5, 08), group:"SBK", content:"Portugal",id:"622@motocal.net"},
  130. 	{start: new Date(2015, 5, 05), end: new Date(2015, 5, 08), group:"F1", content:"Canada",id:"636@motocal.net"},
  131. 	{start: new Date(2015, 5, 05), end: new Date(2015, 5, 08), group:"WTCC", content:"Russia",id:"721@motocal.net"},
  132. 	{start: new Date(2015, 5, 06), end: new Date(2015, 5, 07), group:"Formula E", content:"Russia",id:"716@motocal.net"},
  133. 	{start: new Date(2015, 5, 06), end: new Date(2015, 5, 08), group:"BTCC", content:"Rounds 10, 11 & 12",id:"584@motocal.net"},
  134. 	{start: new Date(2015, 5, 11), end: new Date(2015, 5, 15), group:"WRC", content:"Rally d'Italia Sardegna",id:"596@motocal.net"},
  135. 	{start: new Date(2015, 5, 12), end: new Date(2015, 5, 15), group:"MotoGP", content:"Catalunya",id:"545@motocal.net"},
  136. 	{start: new Date(2015, 5, 12), end: new Date(2015, 5, 15), group:"IndyCar", content:"Indy Toronto",id:"760@motocal.net"},
  137. 	{start: new Date(2015, 5, 12), end: new Date(2015, 5, 15), group:"MotoAmerica", content:"Barber",id:"709@motocal.net"},
  138. 	{start: new Date(2015, 5, 13), end: new Date(2015, 5, 15), group:"WSR", content:"Hungary",id:"746@motocal.net"},
  139. 	{start: new Date(2015, 5, 13), end: new Date(2015, 5, 15), group:"WEC", content:"24 Heures du Mans",id:"676@motocal.net"},
  140. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"V8SC", content:"Skycity Triple Crown",id:"664@motocal.net"},
  141. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"WTCC", content:"Slovakia",id:"722@motocal.net"},
  142. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"SBK", content:"Riviera di Rimini",id:"623@motocal.net"},
  143. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"BSB", content:"Round 4",id:"607@motocal.net"},
  144. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"F1", content:"Austria",id:"637@motocal.net"},
  145. 	{start: new Date(2015, 5, 19), end: new Date(2015, 5, 22), group:"WorldRX", content:"Germany",id:"689@motocal.net"},
  146. 	{start: new Date(2015, 5, 25), end: new Date(2015, 5, 28), group:"MotoGP", content:"Netherlands",id:"546@motocal.net"},
  147. 	{start: new Date(2015, 5, 25), end: new Date(2015, 5, 28), group:"IndyCar", content:"MAVTV 500",id:"761@motocal.net"},
  148. 	{start: new Date(2015, 5, 26), end: new Date(2015, 5, 29), group:"WTCC", content:"France",id:"723@motocal.net"},
  149. 	{start: new Date(2015, 5, 26), end: new Date(2015, 5, 29), group:"DTM", content:"Norisring",id:"652@motocal.net"},
  150. 	{start: new Date(2015, 5, 26), end: new Date(2015, 5, 29), group:"MotoAmerica", content:"Miller",id:"710@motocal.net"},
  151. 	{start: new Date(2015, 5, 27), end: new Date(2015, 5, 29), group:"BTCC", content:"Rounds 13, 14 & 15",id:"585@motocal.net"},
  152. 	{start: new Date(2015, 5, 27), end: new Date(2015, 5, 29), group:"Formula E", content:"United Kingdom",id:"538@motocal.net"},
  153. 	{start: new Date(2015, 6, 02), end: new Date(2015, 6, 06), group:"WRC", content:"Rally Poland",id:"597@motocal.net"},
  154. 	{start: new Date(2015, 6, 03), end: new Date(2015, 6, 06), group:"F1", content:"Britain",id:"638@motocal.net"},
  155. 	{start: new Date(2015, 6, 03), end: new Date(2015, 6, 06), group:"WorldRX", content:"Sweden",id:"690@motocal.net"},
  156. 	{start: new Date(2015, 6, 03), end: new Date(2015, 6, 06), group:"BSB", content:"Round 5",id:"608@motocal.net"},
  157. 	{start: new Date(2015, 6, 04), end: new Date(2015, 6, 05), group:"SGP", content:"Cardiff",id:"732@motocal.net"},
  158. 	{start: new Date(2015, 6, 06), end: new Date(2015, 6, 10), group:"Roads", content:"Southern 100",id:"714@motocal.net"},
  159. 	{start: new Date(2015, 6, 10), end: new Date(2015, 6, 13), group:"MotoGP", content:"Germany",id:"565@motocal.net"},
  160. 	{start: new Date(2015, 6, 10), end: new Date(2015, 6, 13), group:"DTM", content:"Zandvoort",id:"653@motocal.net"},
  161. 	{start: new Date(2015, 6, 10), end: new Date(2015, 6, 13), group:"IndyCar", content:"Wisconsin 250",id:"763@motocal.net"},
  162. 	{start: new Date(2015, 6, 10), end: new Date(2015, 6, 13), group:"V8SC", content:"Townsville 400",id:"665@motocal.net"},
  163. 	{start: new Date(2015, 6, 10), end: new Date(2015, 6, 13), group:"WTCC", content:"Portugal",id:"724@motocal.net"},
  164. 	{start: new Date(2015, 6, 11), end: new Date(2015, 6, 13), group:"WSR", content:"Austria",id:"747@motocal.net"},
  165. 	{start: new Date(2015, 6, 16), end: new Date(2015, 6, 19), group:"IndyCar", content:"Iowa Corn Indy 300",id:"764@motocal.net"},
  166. 	{start: new Date(2015, 6, 17), end: new Date(2015, 6, 20), group:"SBK", content:"USA",id:"625@motocal.net"},
  167. 	{start: new Date(2015, 6, 17), end: new Date(2015, 6, 20), group:"BSB", content:"Round 6",id:"609@motocal.net"},
  168. 	{start: new Date(2015, 6, 17), end: new Date(2015, 6, 20), group:"MotoAmerica", content:"Mazda Raceway",id:"711@motocal.net"},
  169. 	{start: new Date(2015, 6, 18), end: new Date(2015, 6, 19), group:"SGP", content:"Daugavpils",id:"733@motocal.net"},
  170. 	{start: new Date(2015, 6, 24), end: new Date(2015, 6, 27), group:"F1", content:"Hungary",id:"640@motocal.net"},
  171. 	{start: new Date(2015, 6, 25), end: new Date(2015, 6, 26), group:"SGP", content:"Målilla",id:"734@motocal.net"},
  172. 	{start: new Date(2015, 6, 26), end: new Date(2015, 6, 27), group:"EWC", content:"Suzuka 8 Hours",id:"702@motocal.net"},
  173. 	{start: new Date(2015, 6, 30), end: new Date(2015, 7, 03), group:"WRC", content:"Rally Finland",id:"598@motocal.net"},
  174. 	{start: new Date(2015, 6, 31), end: new Date(2015, 7, 03), group:"BSB", content:"Round 7",id:"610@motocal.net"},
  175. 	{start: new Date(2015, 6, 31), end: new Date(2015, 7, 03), group:"V8SC", content:"Ipswich SuperSprint",id:"666@motocal.net"},
  176. 	{start: new Date(2015, 6, 31), end: new Date(2015, 7, 03), group:"DTM", content:"Spielberg",id:"654@motocal.net"},
  177. 	{start: new Date(2015, 6, 31), end: new Date(2015, 7, 03), group:"IndyCar", content:"Honda Indy 200",id:"765@motocal.net"},
  178. 	{start: new Date(2015, 6, 31), end: new Date(2015, 7, 03), group:"SBK", content:"Malaysia",id:"626@motocal.net"},
  179. 	{start: new Date(2015, 7, 03), end: new Date(2015, 7, 09), group:"Roads", content:"Ulster Grand Prix",id:"684@motocal.net"},
  180. 	{start: new Date(2015, 7, 07), end: new Date(2015, 7, 09), group:"WorldRX", content:"Canada",id:"691@motocal.net"},
  181. 	{start: new Date(2015, 7, 07), end: new Date(2015, 7, 10), group:"MotoAmerica", content:"INDY",id:"712@motocal.net"},
  182. 	{start: new Date(2015, 7, 07), end: new Date(2015, 7, 10), group:"MotoGP", content:"Indianapolis",id:"548@motocal.net"},
  183. 	{start: new Date(2015, 7, 08), end: new Date(2015, 7, 10), group:"BTCC", content:"Rounds 16, 17 & 18",id:"586@motocal.net"},
  184. 	{start: new Date(2015, 7, 08), end: new Date(2015, 7, 09), group:"SGP", content:"Horsens",id:"735@motocal.net"},
  185. 	{start: new Date(2015, 7, 10), end: new Date(2015, 7, 12), group:"Formula E", content:"Pre-season test 1",id:"769@motocal.net"},
  186. 	{start: new Date(2015, 7, 14), end: new Date(2015, 7, 17), group:"MotoGP", content:"Czech Republic",id:"549@motocal.net"},
  187. 	{start: new Date(2015, 7, 17), end: new Date(2015, 7, 19), group:"Formula E", content:"Pre-season test 2",id:"770@motocal.net"},
  188. 	{start: new Date(2015, 7, 20), end: new Date(2015, 7, 24), group:"WRC", content:"Rallye Deutschland",id:"599@motocal.net"},
  189. 	{start: new Date(2015, 7, 21), end: new Date(2015, 7, 24), group:"IndyCar", content:"Pocono IndyCar 500",id:"766@motocal.net"},
  190. 	{start: new Date(2015, 7, 21), end: new Date(2015, 7, 24), group:"BSB", content:"Round 8",id:"611@motocal.net"},
  191. 	{start: new Date(2015, 7, 21), end: new Date(2015, 7, 24), group:"WorldRX", content:"Norway",id:"692@motocal.net"},
  192. 	{start: new Date(2015, 7, 21), end: new Date(2015, 7, 24), group:"F1", content:"Belgium",id:"641@motocal.net"},
  193. 	{start: new Date(2015, 7, 21), end: new Date(2015, 7, 24), group:"V8SC", content:"Sydney Motorsport Park SuperSprint",id:"667@motocal.net"},
  194. 	{start: new Date(2015, 7, 22), end: new Date(2015, 7, 23), group:"EWC", content:"Oschersleben 8 Hours",id:"703@motocal.net"},
  195. 	{start: new Date(2015, 7, 22), end: new Date(2015, 8, 05), group:"Roads", content:"Classic TT & Manx GP",id:"715@motocal.net"},
  196. 	{start: new Date(2015, 7, 22), end: new Date(2015, 7, 24), group:"BTCC", content:"Rounds 19, 20 & 21",id:"587@motocal.net"},
  197. 	{start: new Date(2015, 7, 24), end: new Date(2015, 7, 26), group:"Formula E", content:"Pre-season test 3",id:"771@motocal.net"},
  198. 	{start: new Date(2015, 7, 28), end: new Date(2015, 7, 31), group:"DTM", content:"Moscow Raceway",id:"655@motocal.net"},
  199. 	{start: new Date(2015, 7, 28), end: new Date(2015, 7, 31), group:"IndyCar", content:"Grand Prix of Sonoma",id:"767@motocal.net"},
  200. 	{start: new Date(2015, 7, 28), end: new Date(2015, 7, 31), group:"MotoGP", content:"Great Britain",id:"568@motocal.net"},
  201. 	{start: new Date(2015, 7, 29), end: new Date(2015, 7, 30), group:"SGP", content:"Gorzów",id:"737@motocal.net"},
  202. 	{start: new Date(2015, 7, 30), end: new Date(2015, 7, 31), group:"WEC", content:"6 Hours of Nürburgring",id:"677@motocal.net"},
  203. 	{start: new Date(2015, 8, 04), end: new Date(2015, 8, 07), group:"BSB", content:"Round 9",id:"612@motocal.net"},
  204. 	{start: new Date(2015, 8, 04), end: new Date(2015, 8, 07), group:"WorldRX", content:"France",id:"693@motocal.net"},
  205. 	{start: new Date(2015, 8, 04), end: new Date(2015, 8, 07), group:"F1", content:"Italy",id:"642@motocal.net"},
  206. 	{start: new Date(2015, 8, 05), end: new Date(2015, 8, 07), group:"WSR", content:"United Kingdom",id:"748@motocal.net"},
  207. 	{start: new Date(2015, 8, 05), end: new Date(2015, 8, 07), group:"BTCC", content:"Rounds 22, 23 & 24",id:"588@motocal.net"},
  208. 	{start: new Date(2015, 8, 10), end: new Date(2015, 8, 14), group:"WRC", content:"Rally Australia",id:"600@motocal.net"},
  209. 	{start: new Date(2015, 8, 11), end: new Date(2015, 8, 14), group:"V8SC", content:"Sandown 500",id:"668@motocal.net"},
  210. 	{start: new Date(2015, 8, 11), end: new Date(2015, 8, 14), group:"MotoAmerica", content:"New Jersey",id:"713@motocal.net"},
  211. 	{start: new Date(2015, 8, 11), end: new Date(2015, 8, 14), group:"MotoGP", content:"San Marino",id:"551@motocal.net"},
  212. 	{start: new Date(2015, 8, 11), end: new Date(2015, 8, 14), group:"WTCC", content:"Japan",id:"725@motocal.net"},
  213. 	{start: new Date(2015, 8, 11), end: new Date(2015, 8, 14), group:"DTM", content:"Oschersleben",id:"656@motocal.net"},
  214. 	{start: new Date(2015, 8, 12), end: new Date(2015, 8, 14), group:"WSR", content:"Germany",id:"749@motocal.net"},
  215. 	{start: new Date(2015, 8, 12), end: new Date(2015, 8, 13), group:"SGP", content:"Krško",id:"738@motocal.net"},
  216. 	{start: new Date(2015, 8, 18), end: new Date(2015, 8, 21), group:"SBK", content:"Spain",id:"627@motocal.net"},
  217. 	{start: new Date(2015, 8, 18), end: new Date(2015, 8, 21), group:"BSB", content:"Round 10",id:"613@motocal.net"},
  218. 	{start: new Date(2015, 8, 18), end: new Date(2015, 8, 21), group:"F1", content:"Singapore",id:"643@motocal.net"},
  219. 	{start: new Date(2015, 8, 18), end: new Date(2015, 8, 21), group:"WorldRX", content:"Barcelona",id:"694@motocal.net"},
  220. 	{start: new Date(2015, 8, 19), end: new Date(2015, 8, 20), group:"WEC", content:"6 Hours of Circuit of the Americas",id:"678@motocal.net"},
  221. 	{start: new Date(2015, 8, 19), end: new Date(2015, 8, 21), group:"EWC", content:"Bol d’Or",id:"704@motocal.net"},
  222. 	{start: new Date(2015, 8, 25), end: new Date(2015, 8, 28), group:"MotoGP", content:"Aragon",id:"570@motocal.net"},
  223. 	{start: new Date(2015, 8, 25), end: new Date(2015, 8, 28), group:"DTM", content:"Nürburgring",id:"657@motocal.net"},
  224. 	{start: new Date(2015, 8, 25), end: new Date(2015, 8, 28), group:"WTCC", content:"China",id:"726@motocal.net"},
  225. 	{start: new Date(2015, 8, 25), end: new Date(2015, 8, 28), group:"F1", content:"Japan",id:"644@motocal.net"},
  226. 	{start: new Date(2015, 8, 26), end: new Date(2015, 8, 28), group:"BTCC", content:"Rounds 25, 26 & 27",id:"589@motocal.net"},
  227. 	{start: new Date(2015, 8, 26), end: new Date(2015, 8, 27), group:"SGP", content:"Stockholm",id:"739@motocal.net"},
  228. 	{start: new Date(2015, 8, 26), end: new Date(2015, 8, 28), group:"WSR", content:"France",id:"750@motocal.net"},
  229. 	{start: new Date(2015, 9, 01), end: new Date(2015, 9, 05), group:"WRC", content:"Rallye de France",id:"601@motocal.net"},
  230. 	{start: new Date(2015, 9, 02), end: new Date(2015, 9, 05), group:"SBK", content:"France",id:"628@motocal.net"},
  231. 	{start: new Date(2015, 9, 02), end: new Date(2015, 9, 05), group:"BSB", content:"Round 11",id:"614@motocal.net"},
  232. 	{start: new Date(2015, 9, 02), end: new Date(2015, 9, 05), group:"WorldRX", content:"Turkey",id:"695@motocal.net"},
  233. 	{start: new Date(2015, 9, 03), end: new Date(2015, 9, 04), group:"SGP", content:"Toruń",id:"740@motocal.net"},
  234. 	{start: new Date(2015, 9, 08), end: new Date(2015, 9, 12), group:"V8SC", content:"Bathurst 1000",id:"669@motocal.net"},
  235. 	{start: new Date(2015, 9, 09), end: new Date(2015, 9, 12), group:"F1", content:"Russia",id:"645@motocal.net"},
  236. 	{start: new Date(2015, 9, 09), end: new Date(2015, 9, 12), group:"MotoGP", content:"Japan",id:"553@motocal.net"},
  237. 	{start: new Date(2015, 9, 10), end: new Date(2015, 9, 12), group:"BTCC", content:"Rounds 28, 29 & 30",id:"590@motocal.net"},
  238. 	{start: new Date(2015, 9, 11), end: new Date(2015, 9, 12), group:"WEC", content:"6 Hours of Fuji",id:"679@motocal.net"},
  239. 	{start: new Date(2015, 9, 16), end: new Date(2015, 9, 19), group:"WorldRX", content:"Italy",id:"696@motocal.net"},
  240. 	{start: new Date(2015, 9, 16), end: new Date(2015, 9, 19), group:"MotoGP", content:"Australia",id:"572@motocal.net"},
  241. 	{start: new Date(2015, 9, 16), end: new Date(2015, 9, 19), group:"DTM", content:"Hockenheim",id:"658@motocal.net"},
  242. 	{start: new Date(2015, 9, 16), end: new Date(2015, 9, 19), group:"BSB", content:"Round 12",id:"615@motocal.net"},
  243. 	{start: new Date(2015, 9, 16), end: new Date(2015, 9, 19), group:"SBK", content:"Qatar",id:"629@motocal.net"},
  244. 	{start: new Date(2015, 9, 17), end: new Date(2015, 9, 19), group:"WSR", content:"Spain",id:"751@motocal.net"},
  245. 	{start: new Date(2015, 9, 22), end: new Date(2015, 9, 26), group:"WRC", content:"Rally de Espana",id:"602@motocal.net"},
  246. 	{start: new Date(2015, 9, 23), end: new Date(2015, 9, 26), group:"V8SC", content:"Gold Coast 600",id:"670@motocal.net"},
  247. 	{start: new Date(2015, 9, 23), end: new Date(2015, 9, 26), group:"MotoGP", content:"Malaysia",id:"573@motocal.net"},
  248. 	{start: new Date(2015, 9, 23), end: new Date(2015, 9, 26), group:"F1", content:"United States",id:"646@motocal.net"},
  249. 	{start: new Date(2015, 9, 24), end: new Date(2015, 9, 25), group:"SGP", content:"Melbourne",id:"741@motocal.net"},
  250. 	{start: new Date(2015, 9, 30), end: new Date(2015, 10, 02), group:"F1", content:"Mexico",id:"647@motocal.net"},
  251. 	{start: new Date(2015, 9, 30), end: new Date(2015, 10, 02), group:"WTCC", content:"Thailand",id:"727@motocal.net"},
  252. 	{start: new Date(2015, 10, 01), end: new Date(2015, 10, 02), group:"WEC", content:"6 Hours of Shanghai",id:"680@motocal.net"},
  253. 	{start: new Date(2015, 10, 06), end: new Date(2015, 10, 09), group:"MotoGP", content:"Valencia",id:"556@motocal.net"},
  254. 	{start: new Date(2015, 10, 06), end: new Date(2015, 10, 09), group:"V8SC", content:"ITM 500 Auckland",id:"671@motocal.net"},
  255. 	{start: new Date(2015, 10, 12), end: new Date(2015, 10, 16), group:"WRC", content:"Wales Rally GB",id:"603@motocal.net"},
  256. 	{start: new Date(2015, 10, 13), end: new Date(2015, 10, 16), group:"F1", content:"Brazil",id:"648@motocal.net"},
  257. 	{start: new Date(2015, 10, 19), end: new Date(2015, 10, 23), group:"Roads", content:"Macau Grand Prix",id:"685@motocal.net"},
  258. 	{start: new Date(2015, 10, 20), end: new Date(2015, 10, 23), group:"WTCC", content:"Qatar",id:"728@motocal.net"},
  259. 	{start: new Date(2015, 10, 20), end: new Date(2015, 10, 23), group:"V8SC", content:"Phillip Island SuperSprint",id:"672@motocal.net"},
  260. 	{start: new Date(2015, 10, 21), end: new Date(2015, 10, 22), group:"WEC", content:"6 Hours of Bahrain",id:"681@motocal.net"},
  261. 	{start: new Date(2015, 10, 27), end: new Date(2015, 10, 30), group:"WorldRX", content:"Argentina",id:"700@motocal.net"},
  262. 	{start: new Date(2015, 10, 27), end: new Date(2015, 10, 30), group:"F1", content:"Abu Dhabi",id:"649@motocal.net"},
  263. 	{start: new Date(2015, 11, 04), end: new Date(2015, 11, 07), group:"V8SC", content:"Sydney 500",id:"673@motocal.net"},
  264.   ]);
  265. 

  266.   // create visualization
  267.   var container = document.getElementById('visualization');
  268.   var options = {
  269.     // option groupOrder can be a property name or a sort function
  270.     // the sort function must compare two groups and return a value
  271.     //     > 0 when a > b
  272.     //     < 0 when a < b
  273.     //       0 when a == b
  274.     groupOrder: function (a, b) {
  275.       return a.value - b.value;
  276.     },
  277.     groupOrderSwap: function (a, b, groups) {
  278.     	var v = a.value;
  279.     	a.value = b.value;
  280.     	b.value = v;
  281.     },
  282.     editable: true,
  283.     groupEditable: true,
  284.     start: new Date(2015, 6, 1),
  285.     end: new Date(2015, 10, 1)
  286.   };
  287. 

  288.   var timeline = new vis.Timeline(container);
  289.   timeline.setOptions(options);
  290.   timeline.setGroups(groups);
  291.   timeline.setItems(items);
  292. 

  293. </script>
  294. </body>
  295. </html>