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

mooigraph 925b16bbb3 added javascript dot and gml graph language parsers 3 years ago
dot-parser 925b16bbb3 added javascript dot and gml graph language parsers 3 years ago
gml-parser 925b16bbb3 added javascript dot and gml graph language parsers 3 years ago
graph ddbc94c714 initial 3 years ago
LICENSE 71c056896a Initial commit 3 years ago
README.md 925b16bbb3 added javascript dot and gml graph language parsers 3 years ago
example-complex.htm ddbc94c714 initial 3 years ago
example-complex.js ddbc94c714 initial 3 years ago
example-simple.htm ddbc94c714 initial 3 years ago
example-simple.js ddbc94c714 initial 3 years ago
package.json ddbc94c714 initial 3 years ago
screenshot.png ddbc94c714 initial 3 years ago

README.md

dgraph-javascript

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

screenshot

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 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