Awesome

dagre-d3-es

dagre-d3-es is a fork of dagre-d3 using the more modern ES6 javascript syntax.

It uses ES modules, thus the name dagre-d3-es.

dagre-d3-es follows d3 versions. Ex: dagre-d3-es version 7 depends on d3 version 7.

Demos

• simple graph demo using react
• clone and run dagre-es-example using angular
• vanilla javascript example
• jsfiddle vanilla javascript example

Install

npm install dagre-d3-es

Code example

Coming from the legacy dagre-d3, the main changes in your code will be:

import * as dagreD3 from 'dagre-d3-es';
...
const g = new dagreD3.graphlib.Graph().setGraph({});
...
const zoom = d3.zoom().on('zoom', (zoomEvent) => {
  inner.attr('transform', zoomEvent.transform);
});