Home

Dagre-d3 is a D3-based renderer for dagre.

Table of Contents

• Demos
• Installing
  • NPM Install
  • Bower Install
  • Browser Scripts
  • Source Build
• Bug Tracking
• Contributing
• License

Demos

Try our interactive demo!

Or some of our other examples:

• Sentence Tokenization
• TCP State Diagram
• ETL Visualization
• Style Attributes
• Built-in Shapes
• Built-in Arrows
• User-defined Shapes and Arrows
• Tooltip on Hover
• Graph Story Board
• Clusters experimental

These demos and more can be found in the demo folder of the project. Simply open them in your browser - there is no need to start a web server.

Installing

NPM Install

Before installing this library you need to install the npm package manager.

To get dagre-d3 from npm, use:

$ npm install dagre-d3

Bower Install

You can install dagre-d3 with bower using the following command:

$ bower install dagre-d3

then, include the dependencies in the correct order in your HTML file:

<script src="bower_components/lodash/lodash.js"></script>
<script src="bower_components/graphlib/dist/graphlib.core.js"></script>
<script src="bower_components/dagre/dist/dagre.core.js"></script>
<script src="bower_components/dagre-d3/dist/dagre-d3.core.js"></script>

Browser Scripts

You can get the latest browser-ready scripts:

• dagre-d3.js
• dagre-d3.min.js

You can also get the scripts for a particular version. For example, to get v0.3.0:

• dagre-d3.js
• dagre-d3.min.js

Look at the releases page to find a list of versions.

Source Build

Before building this library you need to install the npm package manager.

Check out this project and run this command from the root of the project:

$ gulp dist

This will generate dagre-d3.js and dagre-d3.min.js in the dist directory of the project.

License

Dagre is licensed under the terms of the MIT License. See LICENSE for details.