InteractiveSunburst Component

[kylepolich]

• Create a new "wrapper" Component called InteractiveSunburst. It splits the content area 50%/50% usng bootstrap.

• On the right should be the component from D3 Sunburst #4.

• On the left should be a simple text area where the user can type contents

• Place this default contents in the textarea on loading, but allow the user to change it:

{
      "label": "/",
      "size": 225,
      "children": [
        { "label": "tmp/", "size": 5 },
        { "label": "sys/", "size" 20 },
        {
          "label": "user/",
          "size": 200,
          "children": [
            { "label": "user/moe/", "size": 25 },
            { "label": "user/larry/", "size" 25 },
            { "label": "user/curly/", "size" 25 },
            {
              "label": "user/kyle/",
              "size" 125,
              "children": [
                { "label": "user/kyle/music/", "size": 20 },
                { "label": "user/kyle/documents/", "size" 5 },
                { "label": "user/kyle/code/", "size" 100 }
              ]
            }
          ]
      }]}