block by d3noob 9de0768412ac2ce5dbec430bb1370efe

Collapsible tree diagram in v6

Full Screen

This is a d3.js tree diagram that incldes an interactive element as used as an example in the book D3 Tips and Tricks v6.x.

Any parent node can be clicked on to collapse the portion of the tree below it, on itself. Conversly, it can be clicked on again to regrow.

It is derived from the Mike Bostock Collapsible tree example and updated to use v6.

Kudos and thanks also go out to Soumya Ranjan for steering me in the fight direction for the diagonal solution.

index.html