javascript - Create hierarchy from csv in d3.js - Stack Overflow

admin管理员组

文章数量:1331858

I have a csv with the following data:

world,country,state

World,US,CA

World,US,NJ

World,INDIA,OR

World,INDIA,AP

World,INDIA,TN

I need to convert in to a tree hierarchy as shown below:

{

    "name": "World",
    "children": [
      { "name": "US",
          "children": [
           { "name": "CA" },
           { "name": "NJ" }
         ]
      },
      { "name": "INDIA",
          "children": [
          { "name": "OR" },
          { "name": "TN" },
          { "name": "AP" }
         ]
      }
 ]
};

Then this tree will be used for tree visualization. Can any one help on this?

I have a csv with the following data:

world,country,state

World,US,CA

World,US,NJ

World,INDIA,OR

World,INDIA,AP

World,INDIA,TN

I need to convert in to a tree hierarchy as shown below:

{

    "name": "World",
    "children": [
      { "name": "US",
          "children": [
           { "name": "CA" },
           { "name": "NJ" }
         ]
      },
      { "name": "INDIA",
          "children": [
          { "name": "OR" },
          { "name": "TN" },
          { "name": "AP" }
         ]
      }
 ]
};

Then this tree will be used for tree visualization. Can any one help on this?

• javascript
• d3.js

Share Improve this question Follow edited Nov 21, 2012 at 14:29 user142162 asked Nov 21, 2012 at 14:11 user1842231user1842231 21311 gold badge33 silver badges88 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

d3.nest is your friend!

Look at the Nest documentation for D3: https://github./d3/d3-collection/blob/master/README.md#nests

And here are some example I wrote when I was learning to use nest: https://gist.github./3176159

This question also helps: D3: use nest function to turn flat data with parent key into a hierarchy

本文标签： javascriptCreate hierarchy from csv in d3jsStack Overflow