erikbrinkman/d3-dag

Health v2 · maintenance only

Adoption not part of the score

1516 stars · 93 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A TypeScript-first JavaScript library providing layered layout algorithms for visualizing directed acyclic graphs (DAGs). It offers a dagre-compatible API plus advanced algorithms like optimal edge crossing minimization, Zherebko, and Grid layouts, and works as a drop-in layout engine for React Flow.

Use cases

• layout directed acyclic graphs for visualization in the browser
• replace dagre as the layout engine in React Flow
• compute layered sugiyama layouts with minimal edge crossings
• render dependency trees or pipelines with d3
• auto-position nodes in a flowchart or workflow diagram

When to choose

• you need DAG layout in JavaScript/TypeScript with a small bundle size
• you want better layouts than dagre, such as optimal decrossing or Zherebko/Grid algorithms
• you use React Flow and want a drop-in dagre replacement
• you value full TypeScript type safety in a graph layout library

When to avoid

• you need layouts for cyclic graphs rather than DAGs
• you need compound/clustered graph layout or very large general graph layouts where elkjs is more capable
• you need a non-JavaScript environment

Facets

library · maturity active

data-visualization graphics data-visualization web-development frontend browser cross-platform d3 dag graph-layout sugiyama typescript react-flow dagre-compatible nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="erikbrinkman/d3-dag")