title: How to display JSON data in form of different tree-like layouts?
body: <p>Hi Guys i have managed to generate JSON data from my database in order to show Organization Structure in my compnay. Below is a snapshot of the JSON file format. Note the actual json file is about 4 MB in size which means a lot of data and i have validated and it works fine too. I used the below d3 framework. </p>
  
  <blockquote>
    <p><a href="http://mbostock.github.io/d3/talk/20111018/tree.html" rel="nofollow">http://mbostock.github.io/d3/talk/20111018/tree.html</a></p>
  </blockquote>
  
  <p>However, I also want to show the same data to user in different layout for example like a Tree Structure other than the one mentioned above. Is there any other framework I can use to display my JSON file in Tree like structure or any?</p>
  
  <p>OrgChart.json</p>
  
  <pre><code>{
     "name":"xyz",
     "children":[
        {
           "name":"first",
           "children":[
              {
                 "name":"Level 1",
                 "children":[
                    {
                       "name":"Name 1",
                       "amount":3938
                    },
                    {
                       "name":"Name 2",
                       "amount":3812
                    }
                 ]
              }
           ]
        },
  
      {
           "name":"second",
           "children":[
              {
                 "name":"Level 2",
                 "children":[
                    {
                       "name":"Name 1",
                       "amount":3938
                    },
                    {
                       "name":"Name 2",
                       "amount":3812
                    }
                 ]
              }
           ]
        }
     ]
  }
  </code></pre>