block by denisemauldin 2b42a8b38c9b04247a7052c9b503e6e2

Collapsible tree diagram in v4

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 v4.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 v4.

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

forked from rijine‘s block: Collapsible tree diagram in v4

forked from sampath-karupakula‘s block: Collapsible tree diagram in v4

forked from denisemauldin‘s block: Collapsible tree diagram in v4

forked from joshin-run‘s block: Collapsible tree diagram in v4

forked from anonymous‘s block: Collapsible tree diagram in v4

index.html

people.json