jrtechs
/
jrtechs-vis
mirror of https://github.com/jrtechs/vis.git
1
0
Fork 0
Code Issues 0 Releases 82 Wiki Activity
Browse Source

Merge conflicts

codeClimate
Yotam Berkowitz 8 years ago
parent
f1cb7320aa d805427ae6
commit
3115955201
131 changed files with 446 additions and 202 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +6
    -1
      CONTRIBUTING.md
  2. +16
    -0
      bower.json
  3. +1
    -0
      dist/vis-network.min.css
  4. +1
    -0
      dist/vis-timeline-graph2d.min.css
  5. +25
    -3
      docs/timeline/index.html
  6. +1
    -1
      examples/graph2d/01_basic.html
  7. +1
    -1
      examples/graph2d/02_bars.html
  8. +1
    -1
      examples/graph2d/03_groups.html
  9. +1
    -1
      examples/graph2d/04_rightAxis.html
  10. +1
    -1
      examples/graph2d/05_bothAxis.html
  11. +1
    -1
      examples/graph2d/06_interpolation.html
  12. +1
    -1
      examples/graph2d/07_scrollingAndSorting.html
  13. +1
    -1
      examples/graph2d/08_performance.html
  14. +3
    -3
      examples/graph2d/09_external_legend.html
  15. +1
    -1
      examples/graph2d/10_barsSideBySide.html
  16. +1
    -1
      examples/graph2d/11_barsSideBySideGroups.html
  17. +1
    -1
      examples/graph2d/12_customRange.html
  18. +1
    -1
      examples/graph2d/13_localization.html
  19. +1
    -1
      examples/graph2d/14_toggleGroups.html
  20. +1
    -1
      examples/graph2d/15_streaming_data.html
  21. +1
    -1
      examples/graph2d/16_bothAxisTitles.html
  22. +1
    -1
      examples/graph2d/17_dynamicStyling.html
  23. +1
    -1
      examples/graph2d/18_scatterplot.html
  24. +1
    -1
      examples/graph2d/19_labels.html
  25. +1
    -1
      examples/graph2d/20_shading.html
  26. +1
    -1
      examples/network/basicUsage.html
  27. +1
    -1
      examples/network/data/datasets.html
  28. +1
    -1
      examples/network/data/dotLanguage/dotLanguage.html
  29. +1
    -1
      examples/network/data/dotLanguage/dotPlayground.html
  30. +1
    -1
      examples/network/data/dynamicData.html
  31. +1
    -1
      examples/network/data/importingFromGephi.html
  32. +1
    -1
      examples/network/data/scalingCustom.html
  33. +1
    -1
      examples/network/data/scalingNodesEdges.html
  34. +1
    -1
      examples/network/data/scalingNodesEdgesLabels.html
  35. +1
    -1
      examples/network/edgeStyles/arrows.html
  36. +1
    -1
      examples/network/edgeStyles/colors.html
  37. +1
    -1
      examples/network/edgeStyles/dashes.html
  38. +1
    -1
      examples/network/edgeStyles/smooth.html
  39. +1
    -1
      examples/network/edgeStyles/smoothWorldCup.html
  40. +1
    -1
      examples/network/events/interactionEvents.html
  41. +1
    -1
      examples/network/events/physicsEvents.html
  42. +1
    -1
      examples/network/events/renderEvents.html
  43. +1
    -1
      examples/network/exampleApplications/disassemblerExample.html
  44. +1
    -1
      examples/network/exampleApplications/lesMiserables.html
  45. +1
    -1
      examples/network/exampleApplications/loadingBar.html
  46. +1
    -1
      examples/network/exampleApplications/neighbourhoodHighlight.html
  47. +1
    -1
      examples/network/exampleApplications/nodeLegend.html
  48. +1
    -1
      examples/network/exampleApplications/worldCupPerformance.html
  49. +1
    -1
      examples/network/labels/labelAlignment.html
  50. +1
    -1
      examples/network/labels/labelBackground.html
  51. +1
    -1
      examples/network/labels/labelColorAndSize.html
  52. +1
    -1
      examples/network/labels/labelStroke.html
  53. +1
    -1
      examples/network/labels/multilineText.html
  54. +1
    -1
      examples/network/layout/hierarchicalLayout.html
  55. +1
    -1
      examples/network/layout/hierarchicalLayoutMethods.html
  56. +1
    -1
      examples/network/layout/hierarchicalLayoutUserdefined.html
  57. +1
    -1
      examples/network/layout/hierarchicalLayoutWithoutPhysics.html
  58. +1
    -1
      examples/network/layout/randomSeed.html
  59. +1
    -1
      examples/network/nodeStyles/HTMLInNodes.html
  60. +1
    -1
      examples/network/nodeStyles/circularImages.html
  61. +1
    -1
      examples/network/nodeStyles/colors.html
  62. +1
    -1
      examples/network/nodeStyles/customGroups.html
  63. +1
    -1
      examples/network/nodeStyles/groups.html
  64. +1
    -1
      examples/network/nodeStyles/icons.html
  65. +1
    -1
      examples/network/nodeStyles/images.html
  66. +1
    -1
      examples/network/nodeStyles/imagesWithBorders.html
  67. +1
    -1
      examples/network/nodeStyles/shadows.html
  68. +1
    -1
      examples/network/nodeStyles/shapes.html
  69. +1
    -1
      examples/network/nodeStyles/shapesWithDashedBorders.html
  70. +1
    -1
      examples/network/other/animationShowcase.html
  71. +1
    -1
      examples/network/other/changingClusteredEdgesNodes.html
  72. +1
    -1
      examples/network/other/clustering.html
  73. +1
    -1
      examples/network/other/clusteringByZoom.html
  74. +1
    -1
      examples/network/other/configuration.html
  75. +1
    -1
      examples/network/other/manipulation.html
  76. +2
    -2
      examples/network/other/navigation.html
  77. +1
    -1
      examples/network/other/performance.html
  78. +1
    -1
      examples/network/physics/physicsConfiguration.html
  79. +1
    -1
      examples/timeline/basicUsage.html
  80. +1
    -1
      examples/timeline/dataHandling/dataSerialization.html
  81. +1
    -1
      examples/timeline/dataHandling/loadExternalData.html
  82. +1
    -1
      examples/timeline/editing/customSnappingOfItems.html
  83. +1
    -1
      examples/timeline/editing/editingItems.html
  84. +1
    -1
      examples/timeline/editing/editingItemsCallbacks.html
  85. +1
    -1
      examples/timeline/editing/individualEditableItems.html
  86. +1
    -1
      examples/timeline/editing/updateDataOnEvent.html
  87. +1
    -1
      examples/timeline/groups/groups.html
  88. +1
    -1
      examples/timeline/groups/groupsEditable.html
  89. +1
    -1
      examples/timeline/groups/groupsOrdering.html
  90. +1
    -1
      examples/timeline/groups/subgroups.html
  91. +122
    -0
      examples/timeline/groups/verticalItemsHide.html
  92. +1
    -1
      examples/timeline/interaction/animateWindow.html
  93. +1
    -1
      examples/timeline/interaction/clickToUse.html
  94. +16
    -1
      examples/timeline/interaction/eventListeners.html
  95. +1
    -1
      examples/timeline/interaction/limitMoveAndZoom.html
  96. +1
    -1
      examples/timeline/interaction/navigationMenu.html
  97. +1
    -1
      examples/timeline/interaction/setSelection.html
  98. +1
    -1
      examples/timeline/items/backgroundAreas.html
  99. +1
    -1
      examples/timeline/items/backgroundAreasWithGroups.html
  100. +1
    -1
      examples/timeline/items/htmlContents.html

+ 6
- 1
CONTRIBUTING.md View File

@ -1,10 +1,15 @@
## Contributing
Contributions to the vis.js library are very welcome! We can't do this alone.
You can contribute in different ways: spread the word, report bugs, come up with
ideas and suggestions, and contribute to the code.
There are a few preferences regarding code contributions:
If you have any **general question** on how to use the vis.js library in your
project please check out
[stackoverflow](http://stackoverflow.com/questions/tagged/vis.js) for that.
There are a few preferences regarding **code contributions**:
- vis.js follows the node.js code style as described
[here](http://nodeguide.com/style.html).

+ 16
- 0
bower.json View File

@ -8,9 +8,25 @@
"type": "git",
"url": "git://github.com/almende/vis.git"
},
"keywords": [
"vis",
"visualization",
"web based",
"browser based",
"javascript",
"chart",
"linechart",
"timeline",
"graph",
"network",
"browser"
],
"ignore": [
"gulpfile.js",
"index*.js",
"misc",
"node_modules",
"package.json",
"test",
"tools",
"lib",

+ 1
- 0
dist/vis-network.min.css
File diff suppressed because it is too large
View File


+ 1
- 0
dist/vis-timeline-graph2d.min.css
File diff suppressed because it is too large
View File


+ 25
- 3
docs/timeline/index.html View File

@ -162,8 +162,8 @@
<h2 id="Loading">Loading</h2>
<p>
Install or download the <a href="http://visjs.org" target="_blank">vis.js</a> library.
in a subfolder of your project. Include the libraries script and css files in the
Install or download the <a href="http://visjs.org" target="_blank">vis.js</a> library
in a subfolder of your project. Include the library's script and css files in the
head of your html code:
</p>
@ -1187,7 +1187,7 @@ document.getElementById('myTimeline').onclick = function (event) {
<tr>
<td>on(event, callback)</td>
<td>none</td>
<td>Create an event listener. The callback function is invoked every time the event is triggered. Avialable events: <code>rangechange</code>, <code>rangechanged</code>, <code>select</code>. The callback function is invoked as <code>callback(properties)</code>, where <code>properties</code> is an object containing event specific properties. See section <a href="#Events">Events for more information</a>.</td>
<td>Create an event listener. The callback function is invoked every time the event is triggered. Avialable events: <code>rangechange</code>, <code>rangechanged</code>, <code>select</code>, <code>itemover</code>, <code>itemout</code>. The callback function is invoked as <code>callback(properties)</code>, where <code>properties</code> is an object containing event specific properties. See section <a href="#Events">Events for more information</a>.</td>
</tr>
<tr>
@ -1442,6 +1442,28 @@ timeline.off('select', onSelect);
</td>
</tr>
<tr>
<td>itemover</td>
<td>
<ul>
<li><code>item</code>: hovered item id</li>
<li><code>event</code>: the original mouseover event</li>
</ul>
</td>
<td>Fired when the user moves the mouse over an item.</td>
</tr>
<tr>
<td>itemout</td>
<td>
<ul>
<li><code>item</code>: hovered item id</li>
<li><code>event</code>: the original mouseout event</li>
</ul>
</td>
<td>Fired when the user moves the mouse out of an item.</td>
</tr>
<tr>
<td>timechange</td>
<td>

+ 1
- 1
examples/graph2d/01_basic.html View File

@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Basic Example</h2>

+ 1
- 1
examples/graph2d/02_bars.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graph Example</h2>

+ 1
- 1
examples/graph2d/03_groups.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Groups Example</h2>

+ 1
- 1
examples/graph2d/04_rightAxis.html View File

@ -24,7 +24,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Right Axis Example</h2>

+ 1
- 1
examples/graph2d/05_bothAxis.html View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Both Axis Example</title>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../dist/vis.js"></script>
<style type="text/css">

+ 1
- 1
examples/graph2d/06_interpolation.html View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Interpolation</title>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, html {
font-family: sans-serif;

+ 1
- 1
examples/graph2d/07_scrollingAndSorting.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Scrolling and Sorting</h2>

+ 1
- 1
examples/graph2d/08_performance.html View File

@ -18,7 +18,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Performance</h2>

+ 3
- 3
examples/graph2d/09_external_legend.html View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | External legend Example</title>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, html {
font-family: sans-serif;
@ -310,7 +310,7 @@
// get the legend for this group.
var legend = graph2d.getLegend(groupsData[i].id,30,30);
// append class to icon. All styling classes from the vis.css have been copied over into the head here to be able to style the
// append class to icon. All styling classes from the vis.css/vis-timeline-graph2d.min.css have been copied over into the head here to be able to style the
// icons with the same classes if they are using the default ones.
legend.icon.setAttributeNS(null, "class", "legend-icon");
@ -360,4 +360,4 @@
</script>
</body>
</html>
</html>

+ 1
- 1
examples/graph2d/10_barsSideBySide.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graphs Side by Side Example</h2>

+ 1
- 1
examples/graph2d/11_barsSideBySideGroups.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graphs Side by Side Example with Groups</h2>

+ 1
- 1
examples/graph2d/12_customRange.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Custom axis range</h2>

+ 1
- 1
examples/graph2d/13_localization.html View File

@ -15,7 +15,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.1/moment-with-locales.min.js"></script>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Localization</h2>

+ 1
- 1
examples/graph2d/14_toggleGroups.html View File

@ -16,7 +16,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Groups Example</h2>

+ 1
- 1
examples/graph2d/15_streaming_data.html View File

@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Streaming data</h2>

+ 1
- 1
examples/graph2d/16_bothAxisTitles.html View File

@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Axis Titles and Styling</title>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../dist/vis.js"></script>
<style type="text/css">

+ 1
- 1
examples/graph2d/17_dynamicStyling.html View File

@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css"/>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Dynamic Styling Example</h2>

+ 1
- 1
examples/graph2d/18_scatterplot.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Scatterplot</h2>

+ 1
- 1
examples/graph2d/19_labels.html View File

@ -17,7 +17,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Label Example</h2>

+ 1
- 1
examples/graph2d/20_shading.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Shading Example</h2>

+ 1
- 1
examples/network/basicUsage.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/data/datasets.html View File

@ -4,7 +4,7 @@
<title>Network | Dynamic Data</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/data/dotLanguage/dotLanguage.html View File

@ -3,7 +3,7 @@
<title>Network | DOT Language</title>
<script src="../../../../dist/vis.js"></script>
<link href="../../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script src="../../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/network/data/dotLanguage/dotPlayground.html View File

@ -5,7 +5,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="../../../../dist/vis.js"></script>
<link href="../../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, html {

+ 1
- 1
examples/network/data/dynamicData.html View File

@ -53,7 +53,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
var nodes, edges, network;

+ 1
- 1
examples/network/data/importingFromGephi.html View File

@ -7,7 +7,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link type="text/css" rel="stylesheet" href="../../../dist/vis.css">
<link type="text/css" rel="stylesheet" href="../../../dist/vis-network.min.css">
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/data/scalingCustom.html View File

@ -15,7 +15,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/data/scalingNodesEdges.html View File

@ -15,7 +15,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/data/scalingNodesEdgesLabels.html View File

@ -15,7 +15,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/edgeStyles/arrows.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/edgeStyles/colors.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/edgeStyles/dashes.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/edgeStyles/smooth.html View File

@ -4,7 +4,7 @@
<title>Network | Static smooth curves</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/edgeStyles/smoothWorldCup.html View File

@ -6,7 +6,7 @@
<title>Network | Static smooth curves - World Cup Network</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link type="text/css" rel="stylesheet" href="../../../dist/vis.css">
<link type="text/css" rel="stylesheet" href="../../../dist/vis-network.min.css">
<script src="../datasources/WorldCup2014.js"></script>

+ 1
- 1
examples/network/events/interactionEvents.html View File

@ -4,7 +4,7 @@
<title>Network | Interaction events</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/events/physicsEvents.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/events/renderEvents.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/exampleApplications/disassemblerExample.html View File

@ -7,7 +7,7 @@
border: 1px solid lightgray;
}
</style>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script src="../../../dist/vis.js"></script>
</head>
<body>

+ 1
- 1
examples/network/exampleApplications/lesMiserables.html View File

@ -12,7 +12,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
function draw() {

+ 1
- 1
examples/network/exampleApplications/loadingBar.html View File

@ -86,7 +86,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
function draw() {

+ 1
- 1
examples/network/exampleApplications/neighbourhoodHighlight.html View File

@ -4,7 +4,7 @@
<title>Network | Static smooth curves - World Cup Network</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link type="text/css" rel="stylesheet" href="../../../dist/vis.css">
<link type="text/css" rel="stylesheet" href="../../../dist/vis-network.min.css">
<script src="../datasources/WorldCup2014.js"></script>

+ 1
- 1
examples/network/exampleApplications/nodeLegend.html View File

@ -19,7 +19,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/exampleApplications/worldCupPerformance.html View File

@ -6,7 +6,7 @@
<title>Network | Static smooth curves - World Cup Network</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link type="text/css" rel="stylesheet" href="../../../dist/vis.css">
<link type="text/css" rel="stylesheet" href="../../../dist/vis-network.min.css">
<script src="../datasources/WorldCup2014.js"></script>

+ 1
- 1
examples/network/labels/labelAlignment.html View File

@ -4,7 +4,7 @@
<title>Network | Label alignment</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/labels/labelBackground.html View File

@ -4,7 +4,7 @@
<title>Network | Label alignment</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/labels/labelColorAndSize.html View File

@ -3,7 +3,7 @@
<head>
<title>Network | Label stroke</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/labels/labelStroke.html View File

@ -3,7 +3,7 @@
<head>
<title>Network | Label stroke</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/labels/multilineText.html View File

@ -12,7 +12,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function draw() {

+ 1
- 1
examples/network/layout/hierarchicalLayout.html View File

@ -17,7 +17,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">

+ 1
- 1
examples/network/layout/hierarchicalLayoutMethods.html View File

@ -15,7 +15,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var network = null;

+ 1
- 1
examples/network/layout/hierarchicalLayoutUserdefined.html View File

@ -15,7 +15,7 @@
}
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">

+ 1
- 1
examples/network/layout/hierarchicalLayoutWithoutPhysics.html View File

@ -4,7 +4,7 @@
<title>Hierarchical Layout without Physics</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<script type="text/javascript" src="../datasources/largeHierarchicalDataset.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#network{
width: 1000px;

+ 1
- 1
examples/network/layout/randomSeed.html View File

@ -4,7 +4,7 @@
<title>Network | Setting the random seed</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/nodeStyles/HTMLInNodes.html View File

@ -17,7 +17,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/nodeStyles/circularImages.html View File

@ -16,7 +16,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var DIR = 'img/soft-scraps-icons/';

+ 1
- 1
examples/network/nodeStyles/colors.html View File

@ -4,7 +4,7 @@
<title>Network | Basic usage</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/nodeStyles/customGroups.html View File

@ -19,7 +19,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="../../googleAnalytics.js"></script>

+ 1
- 1
examples/network/nodeStyles/groups.html View File

@ -19,7 +19,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script src="../../googleAnalytics.js"></script>
</head>

+ 1
- 1
examples/network/nodeStyles/icons.html View File

@ -6,7 +6,7 @@
<title>Network | node as icon</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

+ 1
- 1
examples/network/nodeStyles/images.html View File

@ -12,7 +12,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/nodeStyles/imagesWithBorders.html View File

@ -16,7 +16,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var DIR = 'img/soft-scraps-icons/';

+ 1
- 1
examples/network/nodeStyles/shadows.html View File

@ -19,7 +19,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<script src="../../googleAnalytics.js"></script>
</head>

+ 1
- 1
examples/network/nodeStyles/shapes.html View File

@ -12,7 +12,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/nodeStyles/shapesWithDashedBorders.html View File

@ -12,7 +12,7 @@
</style>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/other/animationShowcase.html View File

@ -36,7 +36,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/other/changingClusteredEdgesNodes.html View File

@ -4,7 +4,7 @@
<title>Network | Clustering</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/other/clustering.html View File

@ -4,7 +4,7 @@
<title>Network | Clustering</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/other/clusteringByZoom.html View File

@ -4,7 +4,7 @@
<title>Network | Clustering</title>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css"/>
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
#mynetwork {

+ 1
- 1
examples/network/other/configuration.html View File

@ -29,7 +29,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/other/manipulation.html View File

@ -54,7 +54,7 @@
</style>
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 2
- 2
examples/network/other/navigation.html View File

@ -29,7 +29,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;
@ -124,7 +124,7 @@
</table>
<br />
Apart from clicking the icons, you can also navigate using the keyboard. The buttons are in table above.
Zoom Extends changes the zoom and position of the camera to encompass all visible nodes. <u>To correctly display the navigation icons, the <b>vis.css</b> file must be included.</u>
Zoom Extends changes the zoom and position of the camera to encompass all visible nodes. <u>To correctly display the navigation icons, <b>vis.css</b> or <b>vis-network.min.css</b> must be included.</u>
The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.
</div>

+ 1
- 1
examples/network/other/performance.html View File

@ -24,7 +24,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/network/physics/physicsConfiguration.html View File

@ -24,7 +24,7 @@
<script type="text/javascript" src="../exampleUtil.js"></script>
<script type="text/javascript" src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var nodes = null;

+ 1
- 1
examples/timeline/basicUsage.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/dataHandling/dataSerialization.html View File

@ -24,7 +24,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/dataHandling/loadExternalData.html View File

@ -13,7 +13,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/editing/customSnappingOfItems.html View File

@ -4,7 +4,7 @@
<title>Timeline | Custom snapping</title>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/editing/editingItems.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/editing/editingItemsCallbacks.html View File

@ -14,7 +14,7 @@
<link href="http://t4t5.github.io/sweetalert/dist/sweetalert.css" rel="stylesheet" type="text/css"/>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/editing/individualEditableItems.html View File

@ -24,7 +24,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/editing/updateDataOnEvent.html View File

@ -14,7 +14,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>

+ 1
- 1
examples/timeline/groups/groups.html View File

@ -20,7 +20,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/groups/groupsEditable.html View File

@ -23,7 +23,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<!-- <script src="../../googleAnalytics.js"></script> -->
</head>
<body>

+ 1
- 1
examples/timeline/groups/groupsOrdering.html View File

@ -17,7 +17,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/groups/subgroups.html View File

@ -21,7 +21,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 122
- 0
examples/timeline/groups/verticalItemsHide.html View File

@ -0,0 +1,122 @@
<html>
<head>
<title>Timeline | A lot of grouped data</title>
<script src="../../../docs/js/jquery.min.js"></script>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
color: #4D4D4D;
font: 10pt arial;
}
</style>
<script src="../../googleAnalytics.js"></script>
</head>
<body onresize="/*timeline.checkResize();*/">
<h1>Timeline vertical visibility</h1>
<button onclick="showVisibleItems()">Show current visible items</button>
<div>
<h2>visible items:</h2>
<h3 id="visibleItemsContainer"></h3>
</div>
<div id="mytimeline"></div>
<br>
<script>
function showVisibleItems() {
var a = timeline.getVisibleItems();
console.log(a);
document.getElementById("visibleItemsContainer").innerHTML = ""
document.getElementById("visibleItemsContainer").innerHTML += a;
};
// get selected item count from url parameter
var count = 1000;
// create groups
var groups = new vis.DataSet([
{id: 1, content: 'Truck&nbsp;1'},
{id: 2, content: 'Truck&nbsp;2'},
{id: 3, content: 'Truck&nbsp;3'},
{id: 4, content: 'Truck&nbsp;4'},
{id: 5, content: 'Truck&nbsp;5'},
{id: 6, content: 'Truck&nbsp;6'},
{id: 7, content: 'Truck&nbsp;7'},
{id: 8, content: 'Truck&nbsp;8'},
{id: 9, content: 'Truck&nbsp;9'},
{id: 10, content: 'Truck&nbsp;10'},
{id: 11, content: 'Truck&nbsp;11'},
{id: 12, content: 'Truck&nbsp;12'},
{id: 13, content: 'Truck&nbsp;13'},
{id: 14, content: 'Truck&nbsp;14'},
{id: 15, content: 'Truck&nbsp;15'},
{id: 16, content: 'Truck&nbsp;16'},
{id: 17, content: 'Truck&nbsp;17'},
{id: 18, content: 'Truck&nbsp;18'},
{id: 19, content: 'Truck&nbsp;19'},
{id: 20, content: 'Truck&nbsp;20'},
{id: 21, content: 'Truck&nbsp;21'},
{id: 22, content: 'Truck&nbsp;22'},
{id: 23, content: 'Truck&nbsp;23'},
{id: 24, content: 'Truck&nbsp;24'},
{id: 25, content: 'Truck&nbsp;25'},
]);
// create items
var items = new vis.DataSet();
var order = 1;
var truck = 1;
for (var j = 0; j < 25; j++) {
var date = new Date();
for (var i = 0; i < count/25; i++) {
date.setHours(date.getHours() + 4 * (Math.random() < 0.2));
var start = new Date(date);
date.setHours(date.getHours() + 2 + Math.floor(Math.random()*4));
var end = new Date(date);
items.add({
id: order,
group: truck,
start: start,
end: end,
content: 'Order ' + order
});
order++;
}
truck++;
}
// specify options
var options = {
stack: true,
maxHeight: 400,
start: new Date(),
end: new Date(1000*60*60*24 + (new Date()).valueOf()),
editable: true,
margin: {
item: 10, // minimal margin between items
axis: 5 // minimal margin between items and the axis
},
orientation: 'top'
};
// create a Timeline
var container = document.getElementById('mytimeline');
timeline = new vis.Timeline(container, null, options);
timeline.setGroups(groups);
timeline.setItems(items);
</script>
</body>
</html>

+ 1
- 1
examples/timeline/interaction/animateWindow.html View File

@ -14,7 +14,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/interaction/clickToUse.html View File

@ -18,7 +18,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 16
- 1
examples/timeline/interaction/eventListeners.html View File

@ -10,7 +10,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>
@ -19,6 +19,7 @@
</p>
<div id="visualization"></div>
<p></p>
<div id="hoveredItem"></div>
<div id="log"></div>
<script type="text/javascript">
@ -47,6 +48,15 @@
logEvent('select', properties);
});
timeline.on('itemover', function (properties) {
logEvent('itemover', properties);
setHoveredItem(properties.item);
});
timeline.on('itemout', function (properties) {
logEvent('itemout', properties);
setHoveredItem('none');
});
items.on('*', function (event, properties) {
logEvent(event, properties);
});
@ -59,6 +69,11 @@
log.firstChild ? log.insertBefore(msg, log.firstChild) : log.appendChild(msg);
}
function setHoveredItem(id) {
var hoveredItem = document.getElementById('hoveredItem');
hoveredItem.innerHTML = 'hoveredItem=' + id;
}
</script>
</body>
</html>

+ 1
- 1
examples/timeline/interaction/limitMoveAndZoom.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/interaction/navigationMenu.html View File

@ -23,7 +23,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/interaction/setSelection.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/items/backgroundAreas.html View File

@ -15,7 +15,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/items/backgroundAreasWithGroups.html View File

@ -11,7 +11,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>
<body>

+ 1
- 1
examples/timeline/items/htmlContents.html View File

@ -17,7 +17,7 @@
</style>
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
<link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../googleAnalytics.js"></script>
</head>

Some files were not shown because too many files changed in this diff

Write Preview
Loading…
Cancel
Save