The Force with React + D3, Approach #2

React + D3 exploration with the force layout:

• React for structure
• D3 for data calculation
• D3 AND React for rendering
• • React for enter/exit
• • D3 for update

Pro:

• Takes advantage of respective strengths

Con:

• Wraps React component around all the nodes -> will not scale
• Makes people uncomfortable

Use case: React app with a small but highly interactive visualization

The original using only D3: Enter-Update-Exit in Force Layout

The Force with React + D3, Approach #1

The Force with React + D3, Approach #2

The Force with React + D3, Approach #3