Browse Source

Some more updates in the docs

css_transitions
josdejong 10 years ago
parent
commit
b127cb81b8
2 changed files with 33 additions and 30 deletions
  1. +23
    -20
      docs/graph.html
  2. +10
    -10
      docs/timeline.html

+ 23
- 20
docs/graph.html View File

@ -15,7 +15,26 @@
<h1>Graph documentation</h1>
<h2 id="Overview">Overview</h2>
<p>
Graph is a visualization to display graphs and networks consisting of nodes
and edges. The visualization is easy to use and supports custom shapes,
styles, colors, sizes, images, and more.
</p>
<p>
The graph visualization works smooth on any modern browser for up to a
few hundred nodes and edges.
</p>
<p>
To get started with Graph, install or download the
<a href="http://visjs.org" target="_blank">vis.js</a> library.
</p>
<h2><a name="Contents"></a>Contents</h2>
<ul>
<li><a href="#Overview">Overview</a></li>
<li><a href="#Example">Example</a></li>
@ -44,23 +63,6 @@
<li><a href="#Data_policy">Data policy</a></li>
</ul>
<h2 id="Overview">Overview</h2>
<p>
Graph is a visualization to display graphs and networks consisting of nodes
and edges. The visualization is easy to use and supports custom shapes,
styles, colors, sizes, images, and more.
</p>
<p>
The graph visualization works smooth on any modern browser for up to a
few hundred nodes and edges.
</p>
<p>
To get started with Graph, install or download the
<a href="http://visjs.org" target="_blank">vis.js</a> library.
</p>
<h2 id="Example">Example</h2>
<p>
Here a basic graph example. Note that unlike the
@ -789,7 +791,7 @@ var options = {
<td>color.highlight</td>
<td>String | Object</td>
<td>Object</td>
<td>Default color of the node when the node is selected. Applied to
<td>Default color of the node when the node is selected. In case of a string, the color is applied to
both border and background of the node.</td>
</tr>
<tr>
@ -1056,9 +1058,10 @@ var nodes = [
</tr>
<tr>
<td>color.highlight</td>
<td>String</td>
<td>String | Object</td>
<td>"#D2E5FF"</td>
<td>Color of the node when selected.</td>
<td>Default color of the node when the node is selected. In case of a string, the color is applied to
both border and background of the node.</td>
</tr>
<tr>
<td>color.highlight.background</td>

+ 10
- 10
docs/timeline.html View File

@ -14,6 +14,16 @@
<h1>Timeline documentation</h1>
<h2 id="Overview">Overview</h2>
<p>
The Timeline is an interactive visualization chart to visualize data in time.
The data items can take place on a single date, or have a start and end date (a range).
You can freely move and zoom in the timeline by dragging and scrolling in the
Timeline. Items can be created, edited, and deleted in the timeline.
The time scale on the axis is adjusted automatically, and supports scales ranging
from milliseconds to years.
</p>
<h2 id="Contents">Contents</h2>
<ul>
@ -32,16 +42,6 @@
<li><a href="#Data_Policy">Data Policy</a></li>
</ul>
<h2 id="Overview">Overview</h2>
<p>
The Timeline is an interactive visualization chart to visualize data in time.
The data items can take place on a single date, or have a start and end date (a range).
You can freely move and zoom in the timeline by dragging and scrolling in the
Timeline. Items can be created, edited, and deleted in the timeline.
The time scale on the axis is adjusted automatically, and supports scales ranging
from milliseconds to years.
</p>
<h2 id="Example">Example</h2>
<p>
The following code shows how to create a Timeline and provide it with data.

Loading…
Cancel
Save