summaryrefslogtreecommitdiff
path: root/www/lib/vis/examples/network/labels
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
commit210e8feae2fb4842bfb2de38666e6c41671fef3c (patch)
treecbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/vis/examples/network/labels
parente7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff)
removed lib
Diffstat (limited to 'www/lib/vis/examples/network/labels')
-rw-r--r--www/lib/vis/examples/network/labels/labelAlignment.html61
-rw-r--r--www/lib/vis/examples/network/labels/labelBackground.html57
-rw-r--r--www/lib/vis/examples/network/labels/labelColorAndSize.html61
-rw-r--r--www/lib/vis/examples/network/labels/labelStroke.html61
-rw-r--r--www/lib/vis/examples/network/labels/multilineText.html52
5 files changed, 0 insertions, 292 deletions
diff --git a/www/lib/vis/examples/network/labels/labelAlignment.html b/www/lib/vis/examples/network/labels/labelAlignment.html
deleted file mode 100644
index 42eb9bd0..00000000
--- a/www/lib/vis/examples/network/labels/labelAlignment.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <title>Network | Label alignment</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">
- #mynetwork {
- width: 600px;
- height: 600px;
- border: 1px solid lightgray;
- }
- p {
- max-width:600px;
- }
- </style>
- <script src="../../googleAnalytics.js"></script>
-</head>
-
-<body>
-
-<p>Labels of edges can be aligned to edges in various ways.</p>
-<p>Text-alignment within node labels can be 'left' or 'center', other font alignments not implemented.</p>
-<p>Label alignment (placement of label &quot;box&quot;) for nodes (top, bottom, left, right, inside) is
-planned but not in vis yet.</p>
-
-<div id="mynetwork"></div>
-
-<script type="text/javascript">
- // create an array with nodes
- var nodes = [
- {id: 1, label: 'Node 1'},
- {id: 2, label: 'Node 2'},
- {id: 3, label: 'Node 3:\nLeft-Aligned', font: {'face': 'Monospace', align: 'left'}},
- {id: 4, label: 'Node 4'},
- {id: 5, label: 'Node 5\nLeft-Aligned box', shape: 'box',
- font: {'face': 'Monospace', align: 'left'}}
- ];
-
- // create an array with edges
- var edges = [
- {from: 1, to: 2, label: 'middle', font: {align: 'middle'}},
- {from: 1, to: 3, label: 'top', font: {align: 'top'}},
- {from: 2, to: 4, label: 'horizontal', font: {align: 'horizontal'}},
- {from: 2, to: 5, label: 'bottom', font: {align: 'bottom'}}
- ];
-
- // create a network
- var container = document.getElementById('mynetwork');
- var data = {
- nodes: nodes,
- edges: edges
- };
- var options = {};
- var network = new vis.Network(container, data, options);
-</script>
-
-</body>
-</html>
diff --git a/www/lib/vis/examples/network/labels/labelBackground.html b/www/lib/vis/examples/network/labels/labelBackground.html
deleted file mode 100644
index 01664a67..00000000
--- a/www/lib/vis/examples/network/labels/labelBackground.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <title>Network | Label alignment</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">
- #mynetwork {
- width: 600px;
- height: 600px;
- border: 1px solid lightgray;
- }
- p {
- max-width:600px;
- }
- </style>
- <script src="../../googleAnalytics.js"></script>
-</head>
-
-<body>
-
-<p>Labels can have any color background.</p>
-
-<div id="mynetwork"></div>
-
-<script type="text/javascript">
- // create an array with nodes
- var nodes = [
- {id: 1, label: 'Node 1', font: {background: 'red'}},
- {id: 2, label: 'Node 2', font: {background: 'white'}},
- {id: 3, label: 'Node 3', font: {background: 'cyan'}},
- {id: 4, label: 'Node 4', font: {background: 'lime'}},
- {id: 5, label: 'Node 5', font: {background: 'pink'}}
- ];
-
- // create an array with edges
- var edges = [
- {from: 1, to: 2, label: 'label1', font: {background: '#ff0000'}},
- {from: 1, to: 3, label: 'label2', font: {background: 'yellow'}},
- {from: 2, to: 4, label: 'label3', font: {background: 'lime'}},
- {from: 2, to: 5, label: 'label3', font: {background: 'pink'}}
- ];
-
- // create a network
- var container = document.getElementById('mynetwork');
- var data = {
- nodes: nodes,
- edges: edges
- };
- var options = {nodes:{font:{strokeWidth:0}}, edges:{font:{strokeWidth:0}}};
- var network = new vis.Network(container, data, options);
-</script>
-
-</body>
-</html>
diff --git a/www/lib/vis/examples/network/labels/labelColorAndSize.html b/www/lib/vis/examples/network/labels/labelColorAndSize.html
deleted file mode 100644
index f91a0d22..00000000
--- a/www/lib/vis/examples/network/labels/labelColorAndSize.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <title>Network | Label stroke</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">
- #mynetwork {
- width: 600px;
- height: 600px;
- border: 1px solid lightgray;
- background:#d1d1d1;
- }
- p {
- max-width:600px;
- }
- </style>
- <script src="../../googleAnalytics.js"></script>
-</head>
-
-<body>
-<p>The style of the edges can be fully customized.</p>
-
-<div id="mynetwork"></div>
-
-<script type="text/javascript">
- // create an array with nodes
- var nodes = [
- {id: 1, label: 'Node 1', font: '12px arial red'},
- {id: 2, label: 'Node 2', font: {size:12, color:'lime', face:'arial'}},
- {id: 3, label: 'Node 3', font: '18px verdana blue'},
- {id: 4, label: 'Node 4', font: {size:12, color:'red', face:'sans', background:'white'}},
- {id: 5, label: 'Node 5', font: {size:15, color:'red', face:'courier', strokeWidth:3, strokeColor:'#ffffff'}}
- ];
-
- // create an array with edges
- var edges = [
- {from: 1, to: 2},
- {from: 1, to: 3},
- {from: 2, to: 4},
- {from: 2, to: 5}
- ];
-
- // create a network
- var container = document.getElementById('mynetwork');
- var data = {
- nodes: nodes,
- edges: edges
- };
- var options = {
- nodes : {
- shape: 'dot',
- size: 10
- }
- };
- var network = new vis.Network(container, data, options);
-</script>
-
-</body>
-</html>
diff --git a/www/lib/vis/examples/network/labels/labelStroke.html b/www/lib/vis/examples/network/labels/labelStroke.html
deleted file mode 100644
index 71a7dccd..00000000
--- a/www/lib/vis/examples/network/labels/labelStroke.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <title>Network | Label stroke</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">
- #mynetwork {
- width: 600px;
- height: 600px;
- border: 1px solid lightgray;
- background:#d1d1d1;
- }
- p {
- max-width:600px;
- }
- </style>
- <script src="../../googleAnalytics.js"></script>
-</head>
-
-<body>
-<p>The stroke of labels is fully can have a width and color. Edgelabels by default have a white stroke for clarity.</p>
-
-<div id="mynetwork"></div>
-
-<script type="text/javascript">
- // create an array with nodes
- var nodes = [
- {id: 1, label: 'Node 1', font: {strokeWidth: 3, strokeColor: 'white'}},
- {id: 2, label: 'Node 2'},
- {id: 3, label: 'Node 3'},
- {id: 4, label: 'Node 4'},
- {id: 5, label: 'Node 5'}
- ];
-
- // create an array with edges
- var edges = [
- {from: 1, to: 2, label: 'edgeLabel', font: {strokeWidth: 2, strokeColor : '#00ff00'}},
- {from: 1, to: 3, label: 'edgeLabel'},
- {from: 2, to: 4},
- {from: 2, to: 5}
- ];
-
- // create a network
- var container = document.getElementById('mynetwork');
- var data = {
- nodes: nodes,
- edges: edges
- };
- var options = {
- nodes : {
- shape: 'dot',
- size: 10
- }
- };
- var network = new vis.Network(container, data, options);
-</script>
-
-</body>
-</html>
diff --git a/www/lib/vis/examples/network/labels/multilineText.html b/www/lib/vis/examples/network/labels/multilineText.html
deleted file mode 100644
index 99dc8eb2..00000000
--- a/www/lib/vis/examples/network/labels/multilineText.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <title>Network | Multiline text</title>
-
- <style type="text/css">
- #mynetwork {
- width: 600px;
- height: 600px;
- border: 1px solid lightgray;
- }
- </style>
-
- <script type="text/javascript" src="../../../dist/vis.js"></script>
- <link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
-
- <script type="text/javascript">
- function draw() {
- // create some nodes
- var nodes = [
- {id: 1, label: 'Node in\nthe center', shape: 'text', font:{strokeWidth:4}},
- {id: 2, label: 'Node\nwith\nmultiple\nlines', shape: 'circle'},
- {id: 3, label: 'This is a lot of text\nbut luckily we can spread\nover multiple lines', shape: 'database'},
- {id: 4, label: 'This is text\non multiple lines', shape: 'box'},
- {id: 5, label: 'Little text', shape: 'ellipse'}
- ];
-
- // create some edges
- var edges = [
- {from: 1, to: 2, color: 'red', width: 3, length: 200}, // individual length definition is possible
- {from: 1, to: 3, dashes:true, width: 1, length: 200},
- {from: 1, to: 4, width: 1, length: 200, label:'I\'m an edge!'},
- {from: 1, to: 5, arrows:'to', width: 3, length: 200, label:'arrows\nare cool'}
- ];
-
- // create a network
- var container = document.getElementById('mynetwork');
- var data = {
- nodes: nodes,
- edges: edges
- };
- var options = {};
- var network = new vis.Network(container, data, options);
- }
- </script>
- <script src="../../googleAnalytics.js"></script>
-</head>
-
-<body onload="draw()">
-<div id="mynetwork"></div>
-</body>
-</html>