Create layered directed graphs with JavaScript and Scalable Vector Graphics using a Sugiyama algorithm.
Switch branches/tags
Nothing to show
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
graph improved and completed jsdoc Apr 15, 2016
README.md link to www.lfi.ch in english Sep 7, 2013
example-complex.htm improved and completed jsdoc Apr 15, 2016
example-simple.htm improved and completed jsdoc Apr 15, 2016

README.md

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.

example-complex

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 can be set to be 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

  • dojo toolkit 1.9.1, mainly for the AMD loader to require in the modules

Installation

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

Licence

GNU GENERAL PUBLIC LICENSE v3