dagre-d3-es

<p align="center"> <a href="https://tbo47.github.io/" ><img src="https://img.shields.io/badge/created_by-tbo47-blue.svg" alt="Created by tbo47"></a> <a href="https://www.npmjs.com/dagre-d3-es"><img src="https://img.shields.io/npm/v/dagre-d3-es.svg?log

Last updated 4 months ago by teebo47 .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install dagre-d3-es

SYNC missed versions from official npm registry.

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);
});

Current Tags

7.0.14 ... latest (4 months ago)

16 Versions

Maintainers (1)

teebo47

Downloads

Today 0

This Week 0

This Month 4

Last Day 0

Last Week 4

Last Month 4

Dependencies (2)

d3 ^7.9.0
lodash-es ^4.17.21

Dev Dependencies (8)

@types/d3 ^7.4.3
@types/lodash-es ^4.17.12
esbuild ^0.25.10
eslint ^8.57.1
eslint-plugin-import ^2.32.0
prettier ^3.6.2
typescript ^5.9.3
vitest ^3.2.4

Dependents (1)

mermaid