Learn D3.js

Creating hierarchical structures

Sometimes, hierarchical data is organized differently. For example, consider the following tabular CSV structure stored below in refTable (from JavaScript/simple_hierarchical_data.js) where the Context column of each entry contains a reference to the Id column of another entry:

const refTable = `Id,Name,Context,Value1,Value2root,Root,,,,group_1,First Group,root,,,group_2,Second Group,root,,,subg_1,First Subgroup,group_1,,,subg_2,Second Subgroup,group_1,,,subg_3,Third Subgroup,group_2,,,subg_4,Fourth Subgroup,group_2,,,subsubg_1,First Sub-Subroup,subg_4,,,leaf_1,First Leaf,subg_1,5,2leaf_2,Second Leaf,subg_1,1,7leaf_3,Third Leaf,subg_1,4,4  

D3 contains several tools to reorganize such structures into a hierarchical ...