dgraph-javascript

dgraph-javascript

GNU GPL free directed sugiyama barycenter graph layout in javascript and svg drawing

dGraph

Create layered directed graphs in SVG with a few lines of JS in a beautiful and compact layout. The library is based on a modified Sugiyama algorithm. The data feed into the graph library needs to be a node list with its corresponding adjacency list. Each node object in the list is expected to have at least the two properties 'label' and 'layer'. See the two provided example pages example-simple.htm and example-complex.htm for more information.

History

Originally developed for the Data Analysis Software NAFIDAS of the Swiss National Forest Inventory to visualize dependencies of database variables.

Features

• Client side rendering of the graph in SVG.
• Mesh size of the grid can be set.
• Grid lines can be set to visible or hidden.
• Graph can be compacted to save space on the screen (default).
• Simple data format consisting of a node list and an adjacency list.
• Graph can be inverted, e.g. order of layers in graph is reversed.
• Highlight connected parent and/or child nodes

Dependencies

• none, uses only native JS

Installation

See the two example pages example-simple.htm and example-complex.htm

In the directories dot and gml parsers are javascript graph language parsers to combine with dGraph And it needs a dfs() routine to put the nodes in vertical levels for dGraph layout.

Licence

GNU GENERAL PUBLIC LICENSE v3