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
Licence
GNU GENERAL PUBLIC LICENSE v3