Skip to main content
100%

Fork of Naruto Tree

✓ Published0🌍 Public
SSaiSree0122
Last edited Jul 9, 2022
Created on Jul 8, 2022
Forked from Naruto Tree

A fork of the Naruto Tree example visualizes a fictional clan hierarchy as a static, animated tree diagram. The code uses D3 v6 with `d3.stratify()` and `d3.tree()` to convert an array of parent-child relationships into a layout, rendering circles that represent nodes as clan characters. It uses SVG elements, with a `transition()` animating the drawing of the connection paths and the growth of node radii, while text labels display each member's name. Node fill colors are assigned by generation depth via a custom `setGeneration` function, and the entire chart is centered within a full-screen SVG.

AI-generated description
MIT Licensed

Similar vizzes