How to Render a Directed Graph

Status

Proposed

Context

Which tool should we pick to render a JSON-Graph like structure, given the following requirements:

• Renders a JSON-Graph like structure
• Allows customization of nodes, edges and edge labels
• Has zooming and panning (by user input and programmatically)
• Allows for easy graph traversal (i.e. highlight edges from node to node)
• Is lightweight (low bundle size)
• Is fast enough (rendering, zooming, panning, etc)
• Plays well with React

Considered tools:

1. React JSON Graph
2. Cytoscape
3. D3
4. React Diagrams
5. React Digraph
6. Cola.js
7. Dagre

Decision

Consequences