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

justified examples

v3_develop
Alex de Mulder 10 years ago
parent
d384d0d281
commit
6b8198d30f
9 changed files with 9 additions and 9 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      examples/network/18_fully_random_nodes_clustering.html
  2. +1
    -1
      examples/network/19_scale_free_graph_clustering.html
  3. +1
    -1
      examples/network/20_navigation.html
  4. +1
    -1
      examples/network/21_data_manipulation.html
  5. +1
    -1
      examples/network/23_hierarchical_layout.html
  6. +1
    -1
      examples/network/24_hierarchical_layout_userdefined.html
  7. +1
    -1
      examples/network/25_physics_configuration.html
  8. +1
    -1
      examples/network/26_staticSmoothCurves.html
  9. +1
    -1
      examples/network/30_importing_from_gephi.html

+ 1
- 1
examples/network/18_fully_random_nodes_clustering.html View File

@ -73,7 +73,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Clustering - Fully random network</h2> <h2>Clustering - Fully random network</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
This example shows a fully randomly generated set of nodes and connected edges. This example shows a fully randomly generated set of nodes and connected edges.
By clicking the checkbox you can turn clustering on and off. If you increase the number of nodes to By clicking the checkbox you can turn clustering on and off. If you increase the number of nodes to
a value higher than 100, automatic clustering is used before the initial draw (assuming the checkbox is checked). a value higher than 100, automatic clustering is used before the initial draw (assuming the checkbox is checked).

+ 1
- 1
examples/network/19_scale_free_graph_clustering.html View File

@ -106,7 +106,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Clustering - Scale-Free-Network</h2> <h2>Clustering - Scale-Free-Network</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
This example shows the randomly generated <b>scale-free-network</b> set of nodes and connected edges from example 2. This example shows the randomly generated <b>scale-free-network</b> set of nodes and connected edges from example 2.
By clicking the checkbox you can turn clustering on and off. If you increase the number of nodes to By clicking the checkbox you can turn clustering on and off. If you increase the number of nodes to
a value higher than 100, automatic clustering is used before the initial draw (assuming the checkbox is checked). a value higher than 100, automatic clustering is used before the initial draw (assuming the checkbox is checked).

+ 1
- 1
examples/network/20_navigation.html View File

@ -125,7 +125,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Navigation controls and keyboad navigation</h2> <h2>Navigation controls and keyboad navigation</h2>
<div style="width: 700px; font-size:14px;">
<div style="width: 800px; font-size:14px; text-align: justify;">
This example is the same as example 2, except for the navigation controls that have been activated. The navigation controls are described below. <br /><br /> This example is the same as example 2, except for the navigation controls that have been activated. The navigation controls are described below. <br /><br />
<table class="legend_table"> <table class="legend_table">
<tr> <tr>

+ 1
- 1
examples/network/21_data_manipulation.html View File

@ -194,7 +194,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Editing the dataset</h2> <h2>Editing the dataset</h2>
<div style="width: 700px; font-size:14px;">
<div style="width: 700px; font-size:14px; text-align: justify;">
In this example we have enabled the data manipulation setting. If the dataManipulation option is set to true, the edit button will appear. In this example we have enabled the data manipulation setting. If the dataManipulation option is set to true, the edit button will appear.
If you prefer to have the toolbar visible initially, you can set the initiallyVisible option to true. The exact method is described in the docs. If you prefer to have the toolbar visible initially, you can set the initiallyVisible option to true. The exact method is described in the docs.
<br /><br /> <br /><br />

+ 1
- 1
examples/network/23_hierarchical_layout.html View File

@ -100,7 +100,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Hierarchical Layout - Scale-Free-Network</h2> <h2>Hierarchical Layout - Scale-Free-Network</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
This example shows the randomly generated <b>scale-free-network</b> set of nodes and connected edges from example 2. This example shows the randomly generated <b>scale-free-network</b> set of nodes and connected edges from example 2.
In this example, hierarchical layout has been enabled and the vertical levels are determined automatically. In this example, hierarchical layout has been enabled and the vertical levels are determined automatically.
</div> </div>

+ 1
- 1
examples/network/24_hierarchical_layout_userdefined.html View File

@ -131,7 +131,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Hierarchical Layout - User-defined</h2> <h2>Hierarchical Layout - User-defined</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
This example shows a user-defined hierarchical layout. If the user defines levels for nodes but does not do so for all nodes, an alert will show up and hierarchical layout will be disabled. Either all or none can be defined. This example shows a user-defined hierarchical layout. If the user defines levels for nodes but does not do so for all nodes, an alert will show up and hierarchical layout will be disabled. Either all or none can be defined.
If the smooth curves appear to be inverted, the direction of the edge is not in the same direction as the network. If the smooth curves appear to be inverted, the direction of the edge is not in the same direction as the network.
</div> </div>

+ 1
- 1
examples/network/25_physics_configuration.html View File

@ -95,7 +95,7 @@
<body onload="draw();"> <body onload="draw();">
<h2>Playing with Physics</h2> <h2>Playing with Physics</h2>
<div style="width: 700px; font-size:14px;">
<div style="width: 700px; font-size:14px; text-align: justify;">
Every dataset is different. Nodes can have different sizes based on content, interconnectivity can be high or low etc. Because of this, network has a special option Every dataset is different. Nodes can have different sizes based on content, interconnectivity can be high or low etc. Because of this, network has a special option
that the user can use to explore which settings may be good for him or her. This is ment to be used during the development phase when you are implementing vis.js. Once you have found that the user can use to explore which settings may be good for him or her. This is ment to be used during the development phase when you are implementing vis.js. Once you have found
settings you are happy with, you can supply them to network using the documented physics options. settings you are happy with, you can supply them to network using the documented physics options.

+ 1
- 1
examples/network/26_staticSmoothCurves.html View File

@ -17,7 +17,7 @@
<body> <body>
<h2>Static smooth curves</h2> <h2>Static smooth curves</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
All the smooth curves in the examples so far have been using dynamic smooth curves. This means that each curve has a All the smooth curves in the examples so far have been using dynamic smooth curves. This means that each curve has a
support node which takes part in the physics simulation. For large networks or dense clusters, this may not be the ideal support node which takes part in the physics simulation. For large networks or dense clusters, this may not be the ideal
solution. To solve this, static smooth curves have been added. The static smooth curves are based only on the positions of the connected solution. To solve this, static smooth curves have been added. The static smooth curves are based only on the positions of the connected

+ 1
- 1
examples/network/30_importing_from_gephi.html View File

@ -34,7 +34,7 @@
<body> <body>
<h2>Dynamic Data - Importing from Gephi (JSON)</h2> <h2>Dynamic Data - Importing from Gephi (JSON)</h2>
<div style="width:700px; font-size:14px;">
<div style="width:700px; font-size:14px; text-align: justify;">
This example shows how to import a JSON file exported by Gephi. The two options available for the import are This example shows how to import a JSON file exported by Gephi. The two options available for the import are
available through the checkboxes. You can download the Gephi JSON exporter here: available through the checkboxes. You can download the Gephi JSON exporter here:
<a href="https://marketplace.gephi.org/plugin/json-exporter/" target="_blank">https://marketplace.gephi.org/plugin/json-exporter/</a>. <a href="https://marketplace.gephi.org/plugin/json-exporter/" target="_blank">https://marketplace.gephi.org/plugin/json-exporter/</a>.

Write Preview
Loading…
Cancel
Save