KLayJS is a layer-based layout algorithm that is especially suited for node-link diagrams with an inherent direction and ports (explicit attachment points on a node's border).
Either download the library from the
dist folder or install using
bower install klayjs-d3
npm install klayjs-d3
If used within the browser include the library as follows.
You have the option to use a web worker by adding a
-ww suffix to
the library's name. See the documentation of KLayJS
for further information on the web worker.
There are two options to use the bridge. For simple, flat graphs you can use the library as you are used from D3. In case your graph is hierarchical (i.e. nodes can contain nodes), you have to use our JSON KGraph format.
As soon as the layout process finished a callback function is invoked.
var graph = ;var layouter = klaysizewidth heightlinksgraphlinksstart;...var node = svgdatagraphnodes;layouter;
var graph = ;var layouter = klaysizewidth height;...layouter;
You can easily run the examples locally using node's http-server.
bower installnpm install -g http-serverhttp-server .[open browser localhost:8080]