Merge branch 'develop' of https://github.com/almende/vis into develop

.gitignore

@@ -1,7 +1,5 @@
 # vis.js files
 dist/
-test/
-dist/
 
 # npm files
 node_modules

.travis.yml

@@ -2,4 +2,6 @@ language: node_js
 node_js: "6"
 before_script:
   - npm install -g gulp
-script: gulp
+script:
+  - gulp
+  - npm test

CONTRIBUTING.md

@@ -9,6 +9,7 @@ If you have any *general question* on how to use the vis.js library in your own
 If you really want to open a new issue:
 * Please use the [search functionality](//github.com/almende/vis/issues) to make sure that there is not already an issue concerning the same topic.
 * Please make sure to **mention which module** of vis.js (network, timeline, graph3d, ...) your are referring to.
+* Note that development happens on the `develop` git branch. Be sure to submit PRs against this branch.
 * If you think you found a bug please **provide a simple example** (e.g. on [jsbin](jsbin.com)) that demonstrates the problem.
 * If you want to propose a feature-request please **describe what you are looking for in detail**, ideally providing a screenshot, drawing or something similar.
 * **Close the issue later**, when the issue is no longer needed.

HISTORY.md

@@ -2,6 +2,34 @@
 http://visjs.org
 
 
+## 2017-01-29, version 4.18.1
+
+### General
+
+- updated dependencies
+- FIX: moved babel plugins from devDependencies to dependencies (#2629)
+
+### Network
+
+- FIX #2604: Handle label composition for long words (#2650)
+- FIX #2640: Network manipulation styles together with Bootstrap styles (#2654)
+- FIX #2494: Fix tree collision in hierarchical layout (#2625)
+- FIX #2589: Vertically center label in network circle node (#2593)
+- FIX #2591: Self reference edge should now appear in all cases (#2595)
+- FIX #2613: Fixed return value for zoom in/out callback (#2615)
+- FIX #2609: Values should be passed to check values.borderDashes (#2599)
+
+### Timeline / Graph2D
+
+- FIX: Fixed htmlContents example (#2651)
+- FIX #2590: Min zoom bug (#2646)
+- FIX #2597: Zoom while dragging (#2645)
+- FIX: Minor cleanups in Timeline Range. (#2633)
+- FIX #2458: Allow graph2D options to be undefined (#2634)
+- FIX: Fix typo (#2622)
+- FIX #2585: Fixed React example  (#2587)
+
+
 ## 2017-01-15, version 4.18.0
 
 ### General

LICENSE-MIT

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2016 Almende B.V.
+Copyright (c) 2014-2017 Almende B.V.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -19,4 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-

NOTICE

@@ -1,33 +0,0 @@
-Vis.js
-Copyright 2010-2016 Almende B.V.
-
-Vis.js is dual licensed under both
-
-  * The Apache 2.0 License
-    http://www.apache.org/licenses/LICENSE-2.0
-
-    and
-
-  * The MIT License
-    http://opensource.org/licenses/MIT
-
-Vis.js may be distributed under either license.
-
-
-Vis.js uses and redistributes the following third-party libraries:
-
-- component-emitter
-  https://github.com/component/emitter
-  The MIT License
-
-- hammer.js
-  http://hammerjs.github.io/
-  The MIT License
-
-- moment.js
-  http://momentjs.com/
-  The MIT License
-
-- keycharm
-  https://github.com/AlexDM0/keycharm
-  The MIT License

README.md

@@ -192,8 +192,8 @@ exports.Timeline = require('./lib/timeline/Timeline');
 
 Then create a custom bundle using browserify, like:
 
-    $ browserify custom.js -t babelify -o dist/vis-custom.js -s vis
-
+    $ browserify custom.js -t [ babelify --presets [es2015] ] -o dist/vis-custom.js -s vis
+    
 This will generate a custom bundle *vis-custom.js*, which exposes the namespace `vis` containing only `DataSet` and `Timeline`. The generated bundle can be minified using uglifyjs:
 
     $ uglifyjs dist/vis-custom.js -o dist/vis-custom.min.js
@@ -217,7 +217,7 @@ The custom bundle can now be loaded like:
 
 The default bundle `vis.js` is standalone and includes external dependencies such as *hammer.js* and *moment.js*. When these libraries are already loaded by the application, vis.js does not need to include these dependencies itself too. To build a custom bundle of vis.js excluding *moment.js* and *hammer.js*, run browserify in the root of the project:
 
-    $ browserify index.js -t babelify -o dist/vis-custom.js -s vis -x moment -x hammerjs
+    $ browserify index.js -t [ babelify --presets [es2015] ] -o dist/vis-custom.js -s vis -x moment -x hammerjs
 
 This will generate a custom bundle *vis-custom.js*, which exposes the namespace `vis`, and has *moment.js* and *hammer.js* excluded. The generated bundle can be minified with uglifyjs:
 
@@ -330,7 +330,7 @@ Then run the tests:
 
 ## License
 
-Copyright (C) 2010-2016 Almende B.V. and Contributors
+Copyright (C) 2010-2017 Almende B.V. and Contributors
 
 Vis.js is dual licensed under both
 

docs/graph3d/index.html

@@ -422,9 +422,27 @@ var options = {
       <td>showGrid</td>
       <td>boolean</td>
       <td>true</td>
-      <td>If true, grid lines are draw in the x-y surface (the bottom of the 3d
+      <td>If true, grid lines are drawn in the x-y surface (the bottom of the 3d
         graph).</td>
     </tr>
+    <tr>
+      <td>showXAxis</td>
+      <td>boolean</td>
+      <td>true</td>
+      <td>If true, X axis and X axis labels are drawn.</td>
+    </tr>
+    <tr>
+      <td>showYAxis</td>
+      <td>boolean</td>
+      <td>true</td>
+      <td>If true, Y axis and Y axis labels are drawn.</td>
+    </tr>
+    <tr>
+      <td>showZAxis</td>
+      <td>boolean</td>
+      <td>true</td>
+      <td>If true, Z axis and Z axis labels are drawn.</td>
+    </tr>
     <tr>
       <td>showPerspective</td>
       <td>boolean</td>

docs/network/nodes.html

@@ -734,14 +734,28 @@ network.setOptions(options);
             <td><code>undefined</code></td>
             <td>The id of the node. The id is mandatory for nodes and they have to be unique. This should obviously be set per node, not globally.</td>
         </tr>
-        <tr>
-            <td>image</td>
-            <td>String</td>
+        <tr class='toggle collapsible' onclick="toggleTable('optionTable','image', this);">
+            <td><span parent="image" class="right-caret"></span> image</td>
+            <td>Object or String</td>
             <td><code>undefined</code></td>
             <td>When the shape is set to <code>image</code> or <code>circularImage</code>, this option should be the URL
                 to an image. If the image cannot be found, the brokenImage option can be used.
             </td>
         </tr>
+        <tr parent="image" class="hidden">
+            <td class="indent">image.unselected</td>
+            <td>String</td>
+            <td><code>undefined</code></td>
+            <td>Unselected (default) image URL.
+            </td>
+        </tr>
+        <tr parent="image" class="hidden">
+            <td class="indent">image.selected</td>
+            <td>String</td>
+            <td><code>undefined</code></td>
+            <td>Selected image URL.
+            </td>
+        </tr>
         <tr>
             <td>label</td>
             <td>String</td>

docs/timeline/index.html

@@ -1367,7 +1367,7 @@ document.getElementById('myTimeline').onclick = function (event) {
       <td>setCustomTimeTitle(title [, id])</td>
       <td>none</td>
       <td>Adjust the title attribute of a custom time bar.
-        Parameter <code>title</code> is the string to be set as title. Use empty string to hide the title completely.
+        Parameter <code>title</code> is the string or function to be set as title. Use empty string to hide the title completely.
         Parameter <code>id</code> is the id of the custom time bar, and is <code>undefined</code> by default.
       </td>
     </tr>

examples/googleAnalytics.js

@@ -1,12 +0,0 @@
-(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');

examples/graph2d/01_basic.html

@@ -14,7 +14,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Basic Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">
@@ -49,4 +49,4 @@
   var graph2d = new vis.Graph2d(container, dataset, options);
 </script>
 </body>
-</html>
+</html>

examples/graph2d/02_bars.html

@@ -11,7 +11,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Bar Graph Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/03_groups.html

@@ -12,7 +12,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Groups Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">
@@ -109,4 +109,4 @@
 
 </script>
 </body>
-</html>
+</html>

examples/graph2d/04_rightAxis.html

@@ -25,7 +25,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Right Axis Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/05_bothAxis.html

@@ -35,7 +35,7 @@
         }
     </style>
 
-<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>
+</head>
 <body>
 <h2>Graph2d | Both Axis Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/06_interpolation.html

@@ -11,7 +11,7 @@
 
     <script src="../../dist/vis.js"></script>
 
-<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>
+</head>
 <body>
 <h2>Graph2d | Interpolation</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/07_scrollingAndSorting.html

@@ -11,7 +11,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Scrolling and Sorting</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/08_performance.html

@@ -19,7 +19,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Performance</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/09_external_legend.html

@@ -190,7 +190,7 @@
 
   <script src="../../dist/vis.js"></script>
 
-  <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>
+  </head>
 <body>
 <h2>Graph2d | External custom legend</h2>
 <div style="width:800px; font-size:14px; text-align: justify;">

examples/graph2d/10_barsSideBySide.html

@@ -11,7 +11,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Bar Graphs Side by Side Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/11_barsSideBySideGroups.html

@@ -11,7 +11,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Bar Graphs Side by Side Example with Groups</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/12_customRange.html

@@ -11,7 +11,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Custom axis range</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/13_localization.html

@@ -16,7 +16,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-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>
+</head>
 <body>
 <h2>Graph2d | Localization</h2>
 <p>

examples/graph2d/14_toggleGroups.html

@@ -17,7 +17,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Groups Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/15_streaming_data.html

@@ -14,7 +14,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Streaming data</h2>
 <p style="max-width: 700px;">

examples/graph2d/16_bothAxisTitles.html

@@ -36,7 +36,7 @@
         }
     </style>
 
-    <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>
+    </head>
 <body>
 <h2>Graph2d | Axis Titles and Styling</h2>
 <div style="width:800px; font-size:14px; text-align: justify;">

examples/graph2d/17_dynamicStyling.html

@@ -14,7 +14,7 @@
 
     <script src="../../dist/vis.js"></script>
     <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>
+</head>
 <body>
 <h2>Graph2d | Dynamic Styling Example</h2>
 

examples/graph2d/18_scatterplot.html

@@ -11,7 +11,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Scatterplot</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/19_labels.html

@@ -18,7 +18,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Label Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph2d/20_shading.html

@@ -12,7 +12,7 @@
 
   <script src="../../dist/vis.js"></script>
   <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>
+</head>
 <body>
 <h2>Graph2d | Shading Example</h2>
 <div style="width:700px; font-size:14px; text-align: justify;">

examples/graph3d/01_basics.html

@@ -50,7 +50,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization();">

examples/graph3d/02_camera.html

@@ -79,7 +79,7 @@
       graph.on('cameraPositionChange', onCameraPositionChange);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/03_filter_data.html

@@ -53,7 +53,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/04_animation.html

@@ -60,7 +60,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization();">

examples/graph3d/05_line.html

@@ -49,7 +49,7 @@
       graph.setCameraPosition(0.4, undefined, undefined);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/06_moving_dots.html

@@ -67,7 +67,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization();">

examples/graph3d/07_dot_cloud_colors.html

@@ -61,7 +61,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/08_dot_cloud_size.html

@@ -57,7 +57,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-<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>
+</head>
 
 <body onload="drawVisualization()">
 <div id="mygraph"></div>

examples/graph3d/09_mobile.html

@@ -70,7 +70,7 @@
       graph = new vis.Graph3d(container, data, options);
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onresize="graph.redraw();" onload="drawVisualization()">

examples/graph3d/10_styling.html

@@ -73,7 +73,7 @@
       document.getElementById('yBarWidth').onchange = drawVisualization;
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/11_tooltips.html

@@ -86,7 +86,7 @@
       document.getElementById('style').onchange = drawVisualization;
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/12_custom_labels.html

@@ -85,7 +85,7 @@
       document.getElementById('style').onchange = drawVisualization;
     }
   </script>
-  <script src="../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="drawVisualization()">

examples/graph3d/playground/csv2datatable.html

@@ -58,7 +58,7 @@
             alert(csvArray.length + " rows converted");
         }
     </script>
-<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>
+</head>
 
 <body>
 <div id="graph"></div>

examples/graph3d/playground/datasource.html

@@ -6,7 +6,7 @@
 
     <link href="prettify/prettify.css" type="text/css" rel="stylesheet" />
     <script type="text/javascript" src="prettify/prettify.js"></script>
-<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>
+</head>
 
 <body onload="prettyPrint();">
 

examples/graph3d/playground/index.html

@@ -16,7 +16,7 @@
             // TODO
         }
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="load();">
@@ -112,6 +112,19 @@
                 <td>showGrid</td>
                 <td><input type="checkbox" id="showGrid" checked /></td>
             </tr>
+            <tr>
+                <td>showXAxis</td>
+                <td><input type="checkbox" id="showXAxis" checked /></td>
+            </tr>
+            <tr>
+                <td>showYAxis</td>
+                <td><input type="checkbox" id="showYAxis" checked /></td>
+            </tr>
+            <tr>
+                <td>showZAxis</td>
+                <td><input type="checkbox" id="showZAxis" checked /></td>
+            </tr>
+
             <tr>
                 <td>showPerspective</td>
                 <td><input type="checkbox" id="showPerspective" checked /></td>

examples/graph3d/playground/playground.js

@@ -406,6 +406,9 @@ function getOptions() {
     style:              document.getElementById("style").value,
     showAnimationControls: (document.getElementById("showAnimationControls").checked != false),
     showGrid:          (document.getElementById("showGrid").checked != false),
+    showXAxis:         (document.getElementById("showXAxis").checked != false),
+    showYAxis:         (document.getElementById("showYAxis").checked != false),
+    showZAxis:         (document.getElementById("showZAxis").checked != false),
     showPerspective:   (document.getElementById("showPerspective").checked != false),
     showLegend:        (document.getElementById("showLegend").checked != false),
     showShadow:        (document.getElementById("showShadow").checked != false),

examples/network/basicUsage.html

@@ -51,6 +51,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/data/datasets.html

@@ -135,6 +135,6 @@
     startNetwork();
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/data/dotLanguage/dotLanguage.html

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

examples/network/data/dotLanguage/dotPlayground.html

@@ -82,7 +82,7 @@
     }
 
   </style>
-  <script src="../../../googleAnalytics.js"></script>
+  
 </head>
 <body>
 

examples/network/data/dynamicData.html

@@ -166,7 +166,7 @@
         }
 
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw();">

examples/network/data/importingFromGephi.html

@@ -51,7 +51,7 @@
       color: red;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/data/scalingCustom.html

@@ -75,7 +75,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 <body onload="draw()">
 <p>

examples/network/data/scalingNodesEdges.html

@@ -68,7 +68,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 <body onload="draw()">
 <p>

examples/network/data/scalingNodesEdgesLabels.html

@@ -74,7 +74,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 <body onload="draw()">
 <p>

examples/network/edgeStyles/arrowTypes.html

@@ -50,6 +50,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/edgeStyles/arrows.html

@@ -56,6 +56,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/edgeStyles/colors.html

@@ -66,6 +66,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/edgeStyles/dashes.html

@@ -52,6 +52,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/edgeStyles/smooth.html

@@ -13,7 +13,7 @@
       border: 1px solid lightgray;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/edgeStyles/smoothWorldCup.html

@@ -20,7 +20,7 @@
       height:280px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/events/interactionEvents.html

@@ -114,6 +114,6 @@
 
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/events/physicsEvents.html

@@ -68,6 +68,6 @@
 
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/events/renderEvents.html

@@ -78,6 +78,6 @@
 
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/exampleApplications/lesMiserables.html

@@ -383,7 +383,7 @@
 
         }
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw()">

examples/network/exampleApplications/loadingBar.html

@@ -481,7 +481,7 @@
 
         }
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw()">

examples/network/exampleApplications/neighbourhoodHighlight.html

@@ -15,7 +15,7 @@
       border: 1px solid lightgray;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/exampleApplications/nodeLegend.html

@@ -151,7 +151,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw()">

examples/network/exampleApplications/worldCupPerformance.html

@@ -17,7 +17,7 @@
       border: 1px solid lightgray;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/imageSelected/imageSelected.html

@@ -0,0 +1,82 @@
+<html>
+<head>
+  <title>Network | Selected/Unselected Image</title>
+
+  <script type="text/javascript" src="../../../dist/vis.js"></script>
+  <link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
+
+  <style type="text/css">
+    body {
+      font: 10pt arial;
+    }
+    #mynetwork {
+      width: 600px;
+      height: 600px;
+      border: 1px solid lightgray;
+    }
+  </style>
+</head>
+
+<body>
+<div id="mynetwork"></div>
+<script type="text/javascript">
+  // create an array with nodes
+  var nodes = new vis.DataSet([{
+    id: 1,
+    shape: 'image',
+    size: 20,
+    label: 'No select image',
+    image: './unselected.svg',
+  }, {
+    id: 2,
+    shape: 'image',
+    size: 20,
+    label: 'Select image broken',
+    image: {
+      unselected: './unselected.svg',
+      selected: './BROKEN_LINK/selected.svg',
+    },
+  }, {
+    id: 3,
+    shape: 'image',
+    size: 20,
+    label: 'Select works!',
+    image: {
+      unselected: './unselected.svg',
+      selected: './selected.svg',
+    },
+    shapeProperties: {
+      borderDashes: [15, 5],
+      interpolation: false,
+    }
+  }]);
+
+  // create an array with edges
+  var edges = new vis.DataSet([
+    {from: 1, to: 2},
+    {from: 2, to: 3},
+  ]);
+
+  // create a network
+  var container = document.getElementById('mynetwork');
+
+  // provide the data in the vis format
+  var data = {
+    nodes: nodes,
+    edges: edges
+  };
+
+  var options = {
+    layout:{
+      randomSeed: 5
+    },
+    nodes: {
+      brokenImage: './broken-image.png',
+    }
+  };
+  // initialize!
+  var network = new vis.Network(container, data, options);
+</script>
+
+</body>
+</html>

examples/network/imageSelected/selected.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1"
+	 id="svg4137" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="504.566px"
+	 height="577.672px" viewBox="0 0 504.566 577.672" enable-background="new 0 0 504.566 577.672" xml:space="preserve">
+<g id="path4697_1_">
+	<polygon fill="#FFCB94" points="16,152.415 252.29,15.998 488.572,152.415 488.572,425.249 252.29,561.667 16.008,425.249 	"/>
+	<g>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="16,152.425 16,152.415 16.009,152.41 
+					"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2077,0,68.2077,68.2032" x1="75.075" y1="118.309" x2="222.748" y2="33.053"/>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="252.281,16.002 252.29,15.998 
+			252.299,16.002 		"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2058,0,68.2058,68.2013" x1="311.363" y1="50.104" x2="459.031" y2="135.36"/>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="488.563,152.41 488.572,152.415 
+			488.572,152.425 		"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2056,0,68.2056,68.2011" x1="488.572" y1="220.626" x2="488.572" y2="391.138"/>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="488.572,425.239 488.572,425.249 
+			488.563,425.253 		"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2059,0,68.2059,68.2014" x1="429.499" y1="459.354" x2="281.831" y2="544.611"/>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="252.299,561.662 252.29,561.667 
+			252.281,561.662 		"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2061,0,68.2061,68.2016" x1="193.218" y1="527.561" x2="45.549" y2="442.304"/>
+		<polyline fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" points="16.017,425.253 16.008,425.249 
+			16.008,425.239 		"/>
+		
+			<line fill="none" stroke="#214255" stroke-width="40" stroke-miterlimit="100" stroke-dasharray="68.2056,0,68.2056,68.2011" x1="16.006" y1="357.038" x2="16.001" y2="186.525"/>
+	</g>
+</g>
+<g id="path4697">
+	<g>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="16.002,228.415 16,152.415 
+			81.819,114.416 		"/>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="186.472,53.997 252.29,15.998 
+			318.108,53.998 		"/>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="422.754,114.415 488.572,152.415 
+			488.572,228.415 		"/>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="488.572,349.249 488.572,425.249 
+			422.754,463.249 		"/>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="318.108,523.667 252.29,561.667 
+			186.472,523.667 		"/>
+		<polyline fill="none" stroke="#F7941E" stroke-width="40" stroke-miterlimit="100" points="81.826,463.249 16.008,425.249 
+			16.006,349.249 		"/>
+	</g>
+</g>
+</svg>

examples/network/imageSelected/unselected.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg4137" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="203.79mm" width="178mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 630.70347 722.08501">
+ <g id="layer1" transform="translate(61.066 -28.463)">
+  <path id="path4697" stroke-linejoin="round" fill="#f57f17" stroke="#37474e" stroke-linecap="round" stroke-miterlimit="100" stroke-width="40" d="m-41.066 218.98 295.36-170.52l295.35 170.52 0.00001 341.04-295.35 170.52-295.35-170.52z"/>
+ </g>
+</svg>

examples/network/labels/labelAlignment.html

@@ -16,7 +16,7 @@
       max-width:600px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/labelBackground.html

@@ -16,7 +16,7 @@
       max-width:600px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/labelColorAndSize.html

@@ -16,7 +16,7 @@
       max-width:600px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/labelMargins.html

@@ -16,7 +16,7 @@
       max-width:600px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/labelMultifont.html

@@ -35,7 +35,7 @@
       font-weight: normal;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/labelStroke.html

@@ -16,7 +16,7 @@
       max-width:600px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/labels/multilineText.html

@@ -43,7 +43,7 @@
       var network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw()">

examples/network/layout/hierarchicalLayout.html

@@ -57,7 +57,7 @@
         }
 
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw();">

examples/network/layout/hierarchicalLayoutMethods.html

@@ -77,7 +77,7 @@
     }
 
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw();">

examples/network/layout/hierarchicalLayoutUserdefined.html

@@ -103,7 +103,7 @@
         }
 
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw();">

examples/network/layout/randomSeed.html

@@ -55,6 +55,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/nodeStyles/HTMLInNodes.html

@@ -68,7 +68,7 @@
             network = new vis.Network(container, data, options);
         }
     </script>
-    <script src="../../googleAnalytics.js"></script>
+    
 </head>
 
 <body onload="draw()">

examples/network/nodeStyles/circularImages.html

@@ -92,7 +92,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw()">

examples/network/nodeStyles/colors.html

@@ -62,6 +62,6 @@
   var network = new vis.Network(container, data, options);
 </script>
 
-<script src="../../googleAnalytics.js"></script>
+
 </body>
 </html>

examples/network/nodeStyles/customGroups.html

@@ -22,7 +22,7 @@
     <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>
+    
 </head>
 
 <body>

examples/network/nodeStyles/groups.html

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

examples/network/nodeStyles/icons.html

@@ -174,7 +174,7 @@
       var networkIO = new vis.Network(containerIO, dataIO, optionsIO);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 <body onload="draw()">
 <p>

examples/network/nodeStyles/images.html

@@ -69,7 +69,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 
 <body onload="draw()">
 

examples/network/nodeStyles/imagesWithBorders.html

@@ -95,7 +95,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw()">

examples/network/nodeStyles/shadows.html

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

examples/network/nodeStyles/shapes.html

@@ -59,7 +59,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 
 <body onload="draw()">
 

examples/network/nodeStyles/shapesWithDashedBorders.html

@@ -47,7 +47,7 @@
       network = new vis.Network(container, data, options);
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 
 <body onload="draw()">
 

examples/network/nodeStyles/widthHeight.html

@@ -29,7 +29,7 @@
       background-color: #dddddd;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>
@@ -86,7 +86,7 @@ Whole-set node and edge constraints are exclusive.
     { from: 300, to: 301, label: "more minimum height"},
     { from: 100, to: 400, label: "unconstrained to top valign"},
     { from: 400, to: 401, label: "top valign to middle valign"},
-    { from: 401, to: 402, label: "middle valign to bottom valign"},
+    { from: 401, to: 402, widthConstraint: { maximum: 150 }, label: "middle valign to bottom valign"},
   ];
 
   var container = document.getElementById('mynetwork');
@@ -105,7 +105,10 @@ Whole-set node and edge constraints are exclusive.
     },
     nodes: {
       shape: 'box',
-      margin: 10
+      margin: 10,
+      widthConstraint: {
+        maximum: 200
+      }
     },
     physics: {
       enabled: false

examples/network/other/animationShowcase.html

@@ -192,7 +192,7 @@
       }
     }
   </script>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body onload="draw();">

examples/network/other/changingClusteredEdgesNodes.html

@@ -20,7 +20,7 @@
         margin-bottom:3px;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>

examples/network/other/chosen.html

@@ -29,7 +29,7 @@
       background-color: #dddddd;
     }
   </style>
-  <script src="../../googleAnalytics.js"></script>
+  
 </head>
 
 <body>