From 05e761abca3ff42dbba371af0560b82707dfe7c0 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Fri, 28 Oct 2016 13:31:36 -0700 Subject: updated vis --- .../exampleApplications/disassemblerExample.html | 67 +++ .../network/exampleApplications/lesMiserables.html | 396 ++++++++++++++++ .../network/exampleApplications/loadingBar.html | 504 +++++++++++++++++++++ .../neighbourhoodHighlight.html | 162 +++++++ .../network/exampleApplications/nodeLegend.html | 163 +++++++ .../exampleApplications/worldCupPerformance.html | 98 ++++ 6 files changed, 1390 insertions(+) create mode 100644 www/lib/vis/examples/network/exampleApplications/disassemblerExample.html create mode 100644 www/lib/vis/examples/network/exampleApplications/lesMiserables.html create mode 100644 www/lib/vis/examples/network/exampleApplications/loadingBar.html create mode 100644 www/lib/vis/examples/network/exampleApplications/neighbourhoodHighlight.html create mode 100644 www/lib/vis/examples/network/exampleApplications/nodeLegend.html create mode 100644 www/lib/vis/examples/network/exampleApplications/worldCupPerformance.html (limited to 'www/lib/vis/examples/network/exampleApplications') diff --git a/www/lib/vis/examples/network/exampleApplications/disassemblerExample.html b/www/lib/vis/examples/network/exampleApplications/disassemblerExample.html new file mode 100644 index 00000000..0245999a --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/disassemblerExample.html @@ -0,0 +1,67 @@ + + + + + + + +

Use VisJS to diagram the Control-Flow-Graph (CFG) of a function from +a program you wish to analyze.

+


+ + + diff --git a/www/lib/vis/examples/network/exampleApplications/lesMiserables.html b/www/lib/vis/examples/network/exampleApplications/lesMiserables.html new file mode 100644 index 00000000..bf39a462 --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/lesMiserables.html @@ -0,0 +1,396 @@ + + + + Network | Les miserables + + + + + + + + + + + +

+ Relations between the characters of "Les miserables". +

+ +
+ + diff --git a/www/lib/vis/examples/network/exampleApplications/loadingBar.html b/www/lib/vis/examples/network/exampleApplications/loadingBar.html new file mode 100644 index 00000000..e410312d --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/loadingBar.html @@ -0,0 +1,504 @@ + + + + Network | Les miserables + + + + + + + + + + + +

+ With the new stabilization events you can implement your own custom loading bar for all those long loading times! +

+ +
+
+
+
+
0%
+
+
+
+
+
+
+ + diff --git a/www/lib/vis/examples/network/exampleApplications/neighbourhoodHighlight.html b/www/lib/vis/examples/network/exampleApplications/neighbourhoodHighlight.html new file mode 100644 index 00000000..1db8623e --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/neighbourhoodHighlight.html @@ -0,0 +1,162 @@ + + + + Network | Static smooth curves - World Cup Network + + + + + + + + + + + + +

Dynamic Data - Neighbourhood Highlight

+
+ This example shows the power of the DataSet. Once a node is clicked, all nodes are greyed out except for the first and second order connected nodes. + In this example we show how you can determine the order of connection per node as well as applying individual styling to the nodes based on whether or not + they are connected to the selected node. The code doing the highlighting only takes about 1ms, the rest of the time is the redrawing of the network (9200 edges..). +

+
+ +
+ + + + diff --git a/www/lib/vis/examples/network/exampleApplications/nodeLegend.html b/www/lib/vis/examples/network/exampleApplications/nodeLegend.html new file mode 100644 index 00000000..fdf4ef81 --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/nodeLegend.html @@ -0,0 +1,163 @@ + + + + Network | Images + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/network/exampleApplications/worldCupPerformance.html b/www/lib/vis/examples/network/exampleApplications/worldCupPerformance.html new file mode 100644 index 00000000..191ad22d --- /dev/null +++ b/www/lib/vis/examples/network/exampleApplications/worldCupPerformance.html @@ -0,0 +1,98 @@ + + + + + + Network | Static smooth curves - World Cup Network + + + + + + + + + + + + +

Performance - World Cup Network

+ +
+ This example shows the performance of vis with a larger network. The edges in + particular (~9200) are very computationally intensive + to draw. Drag and hold the graph to see the performance difference if the + edges are hidden. +

+ We use the following physics configuration:
+ {barnesHut: {gravitationalConstant: -80000, springConstant: 0.001, + springLength: 200}} +

+
+ +
+ + + + -- cgit v1.2.3