diff --git a/css/style.css b/css/style.css index 9f66bc84..60e54dab 100644 --- a/css/style.css +++ b/css/style.css @@ -1,94 +1,94 @@ #menu { - position: absolute; - left: -170px; - top: 35px; - background-color: #a7c8f9; - padding: 15px; - border-radius: 3px; + position: absolute; + left: -170px; + top: 35px; + background-color: #a7c8f9; + padding: 15px; + border-radius: 3px; } #forkme { - position: fixed; - top: 0; - right: 0; - border: 0; + position: fixed; + top: 0; + right: 0; + border: 0; } div.nav { - text-align: center; + text-align: center; } div.nav ul { - text-decoration: none; - text-transform: uppercase; + text-decoration: none; + text-transform: uppercase; - margin-bottom: 30px; - padding-left: 0; + margin-bottom: 30px; + padding-left: 0; } li.nav { } div.nav ul li { - text-decoration: none; - text-transform: uppercase; - font-weight: normal; - font-size: 11pt; + text-decoration: none; + text-transform: uppercase; + font-weight: normal; + font-size: 11pt; - list-style: none; - margin-top: 5px; + list-style: none; + margin-top: 5px; } div.nav ul li ul li { - text-decoration: none; - text-transform: none; - font-weight: normal; - font-size: 11pt; - color: #4D4D4D; + text-decoration: none; + text-transform: none; + font-weight: normal; + font-size: 11pt; + color: #4D4D4D; - list-style: none; + list-style: none; } div.nav a { - color: #2B7CE9; - color: white; - font-weight: bold; + color: #2B7CE9; + color: white; + font-weight: bold; } .subtitle { - color: gray; - text-transform: uppercase; - font-size: 11pt; + color: gray; + text-transform: uppercase; + font-size: 11pt; } .download td { - border: none; - padding: 5px 20px 5px 0; + border: none; + padding: 5px 20px 5px 0; } .gallery .thumb { - display: inline-block; - text-align: center; - margin-right: 10px; - margin-bottom: 20px; + display: inline-block; + text-align: center; + margin-right: 10px; + margin-bottom: 20px; } .gallery .thumb img { - border: 1px solid white; - border-radius: 5px; - height: 90px; - margin: 0; + border: 1px solid white; + border-radius: 5px; + height: 90px; + margin: 0; } .gallery .thumb a:hover img { - border-color: lightgray; + border-color: lightgray; } .gallery .thumb div { - margin: 0; + margin: 0; } img { - border: 0; + border: 0; } \ No newline at end of file diff --git a/index.html b/index.html index 65261521..4ba37bae 100644 --- a/index.html +++ b/index.html @@ -2,104 +2,104 @@ - vis.js | a dynamic, browser-based visualization library + vis.js | a dynamic, browser-based visualization library - - - - - + + + + + - - - + + + - +
- - -

- vis.js
- a visual interaction system -

- -

- Vis.js is a dynamic, browser based visualization library. - The library is designed to be easy to use, to handle large amounts - of dynamic data, and to enable manipulation of and interaction with the data. - The library consists of the components DataSet, Timeline, and Graph. -

-

- The vis.js library is developed by Almende B.V, - as part of the CHAP. -

- - -

Install

- -

npm

+ + +

+ vis.js
+ a visual interaction system +

+ +

+ Vis.js is a dynamic, browser based visualization library. + The library is designed to be easy to use, to handle large amounts + of dynamic data, and to enable manipulation of and interaction with the data. + The library consists of the components DataSet, Timeline, and Graph. +

+

+ The vis.js library is developed by Almende B.V, + as part of the CHAP. +

+ + +

Install

+ +

npm

 npm install vis
-

bower

+

bower

 bower install vis
-

download

- - - - - - - - - - -
- Development - (version 0.2.0) - - 441 kB, uncompressed with comments -
- Production - (version 0.2.0) - - 39 kB, minified and gzipped -
- - -

Example

- -

- A basic example demonstrating how to use the vis.js timeline is shown below. - See the gallery below for more examples. -

+

download

+ + + + + + + + + + +
+ Development + (version 0.2.0) + + 441 kB, uncompressed with comments +
+ Production + (version 0.2.0) + + 39 kB, minified and gzipped +
+ + +

Example

+ +

+ A basic example demonstrating how to use the vis.js timeline is shown below. + See the gallery below for more examples. +

<!doctype html>
 <html>
@@ -134,200 +134,200 @@ bower install vis
- - This gallery gives an idea of the features and possibilities of the library. - The source code of the examples can be found in the - examples directory. - -

Timeline

-

- The timeline from vis.js displays different types of data on a timeline. -

-
-
- - -
basic usage
- -
-
- - -
dataset
- -
-
- - -
much data
- -
-
- - -
html data
- -
-
- - -
groups
- -
-
- -

Graph

-

- The graph from vis.js visualizes graphs and networks with - customizable styles. -

- -
-
- - -
basic usage
- -
-
- - -
random nodes
- -
-
- - -
images
- -
-
- - -
shapes
- -
-
- - -
social network
- -
-
- - -
groups
- -
-
- - -
selections
- -
-
- - -
mobile friendly
- -
-
- - -
sizing
- -
-
- - -
multiline text
- -
-
- - -
custom style
- -
-
- - -
scalable images
- -
-
- - -
dashed lines
- -
-
- - -
dot language
- -
-
- - -
playground
- -
-
- - -
dynamic data
- -
-
- - -
network info
- -
-
- - -
graphviz gallery
- -
-
- -

Docs

- -

- Documentation is available here: - Documentation -

- - -

License

- -

- Copyright (C) 2010-2013 Almende B.V. -

- -

- Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at -

- -

- http://www.apache.org/licenses/LICENSE-2.0 -

- -

- Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. -

- - - Fork me on GitHub + +This gallery gives an idea of the features and possibilities of the library. +The source code of the examples can be found in the +examples directory. + +

Timeline

+

+ The timeline from vis.js displays different types of data on a timeline. +

+
+
+ + +
basic usage
+ +
+
+ + +
dataset
+ +
+
+ + +
much data
+ +
+
+ + +
html data
+ +
+
+ + +
groups
+ +
+
+ +

Graph

+

+ The graph from vis.js visualizes graphs and networks with + customizable styles. +

+ +
+
+ + +
basic usage
+ +
+
+ + +
random nodes
+ +
+
+ + +
images
+ +
+
+ + +
shapes
+ +
+
+ + +
social network
+ +
+
+ + +
groups
+ +
+
+ + +
selections
+ +
+
+ + +
mobile friendly
 +
+
+ + +
sizing
+ +
+
+ + +
multiline text
+ +
+
+ + +
custom style
+ +
+
+ + +
scalable images
+ +
+
+ + +
dashed lines
+ +
+
+ + +
dot language
+ +
+
+ + +
playground
+ +
+
+ + +
dynamic data
+ +
+
+ + +
network info
+ +
+
+ + +
graphviz gallery
+ +
+
+ +

Docs

+ +

+ Documentation is available here: + Documentation +

+ + +

License

+ +

+ Copyright (C) 2010-2013 Almende B.V. +

+ +

+ Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at +

+ +

+ http://www.apache.org/licenses/LICENSE-2.0 +

+ +

+ Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +

+ + + Fork me on GitHub +
diff --git a/updateversion.js b/updateversion.js index 99a21d1a..094dfd16 100644 --- a/updateversion.js +++ b/updateversion.js @@ -9,94 +9,94 @@ var VIS = 'vis.js', // get development size function developmentSize(callback) { - fs.readFile(VIS, function (err, data) { - if (!err) { - var size = Math.round(data.length / 1024) + ' kB'; - callback(null, size); - } - else { - callback(err); - } - }); + fs.readFile(VIS, function (err, data) { + if (!err) { + var size = Math.round(data.length / 1024) + ' kB'; + callback(null, size); + } + else { + callback(err); + } + }); } // get (gzipped) production size function productionSize(callback) { - fs.readFile(VIS_MIN, function (err, data) { + fs.readFile(VIS_MIN, function (err, data) { + if (!err) { + zlib.gzip(data, function (err, data) { if (!err) { - zlib.gzip(data, function (err, data) { - if (!err) { - var size = Math.round(data.length / 1024) + ' kB'; - callback(null, size) - } - else { - callback(err); - } - }); + var size = Math.round(data.length / 1024) + ' kB'; + callback(null, size) } else { - callback(err); + callback(err); } - }); + }); + } + else { + callback(err); + } + }); } // get version function version(callback) { - fs.readFile(VIS_MIN, function (err, data) { - if (!err) { - var match = /@version\s*([\w\.-]*)/i.exec(data); - var version = undefined; - if (match) { - version = match[1]; - } - callback(null, version); - } - else { - callback(err); - } - }); + fs.readFile(VIS_MIN, function (err, data) { + if (!err) { + var match = /@version\s*([\w\.-]*)/i.exec(data); + var version = undefined; + if (match) { + version = match[1]; + } + callback(null, version); + } + else { + callback(err); + } + }); } // update version and library sizes in index.md function updateVersion(developmentSize, productionSize, version, callback) { - fs.readFile(INDEX, function (err, data) { - if (!err) { - data = String(data); - data = data.replace(/([\w\s]*)<\/span>/g, - '' + developmentSize + ''); + fs.readFile(INDEX, function (err, data) { + if (!err) { + data = String(data); + data = data.replace(/([\w\s]*)<\/span>/g, + '' + developmentSize + ''); - data = data.replace(/([\w\s]*)<\/span>/g, - '' + productionSize + ''); + data = data.replace(/([\w\s]*)<\/span>/g, + '' + productionSize + ''); - data = data.replace(/([\w\.-]*)<\/span>/g, - '' + version + ''); + data = data.replace(/([\w\.-]*)<\/span>/g, + '' + version + ''); - fs.writeFile(INDEX, data, callback); - } - else { - callback(err); - } - }); + fs.writeFile(INDEX, data, callback); + } + else { + callback(err); + } + }); } developmentSize(function (err, devSize) { - console.log('development size: ' + devSize); - productionSize(function (err, prodSize) { - console.log('production size: ' + prodSize); - version(function (err, version) { - console.log('version: ' + version); - if (devSize && prodSize && version) { - updateVersion(devSize, prodSize, version, function (err, res) { - if (err) { - console.log(err); - } - else { - console.log('done'); - } - }); - } - else { - } + console.log('development size: ' + devSize); + productionSize(function (err, prodSize) { + console.log('production size: ' + prodSize); + version(function (err, version) { + console.log('version: ' + version); + if (devSize && prodSize && version) { + updateVersion(devSize, prodSize, version, function (err, res) { + if (err) { + console.log(err); + } + else { + console.log('done'); + } }); + } + else { + } }); + }); });