dagre-d3
A D3-based renderer for laying out and visualizing directed graphs in the browser.
What is dagre-d3?
dagre-d3 is a JavaScript library that renders directed graphs using D3.js, acting as a front-end to the Dagre layout engine. It solves the problem of creating automatically laid-out, interactive graph visualizations in web applications by combining Dagre's graph layout algorithms with D3's powerful SVG rendering capabilities.
Frontend developers and data visualization engineers who need to display complex directed graphs (like flowcharts, network diagrams, or dependency graphs) in web applications with interactive features.
Developers choose dagre-d3 because it seamlessly integrates the automatic layout precision of Dagre with the rich, customizable rendering and interactivity of D3, eliminating the need to manually position graph elements while maintaining full control over the visual output.
Overview
A D3-based renderer for Dagre
Use Cases
Best For
- Visualizing software dependency graphs or architecture diagrams
- Creating interactive flowcharts or process diagrams in web apps
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
