title: Distributed json loading in force collapsable layout
body: <p>I am quite new to D3 and will really appreciate some help. I am trying to modify this force collapsible layout </p>
  
  <p><a href="https://bitbucket.org/kolbyjAFK/d3/src/f87f85b9c6e2/examples/force/force-collapsible.html" rel="nofollow">https://bitbucket.org/kolbyjAFK/d3/src/f87f85b9c6e2/examples/force/force-collapsible.html</a></p>
  
  <p>The data it loads is in single json file 
  <a href="https://bitbucket.org/kolbyjAFK/d3/src/f87f85b9c6e236f20dec8151ae11438950aaf967/examples/data/flare.json?at=fix-interpolate-hsl" rel="nofollow">https://bitbucket.org/kolbyjAFK/d3/src/f87f85b9c6e236f20dec8151ae11438950aaf967/examples/data/flare.json?at=fix-interpolate-hsl</a></p>
  
  <p>But what if i have a data which i dont want to load in a go. I want to call the children only when the user clicks on a particular node.</p>
  
  <p>So i basically want to modularize json so that when a node is clicked, json file containing the array of children loads dynamically. </p>
  
  <p>I need to do this as my data is huge, 500k leaf node.</p>
  
  <p>How could i do this dynamic loading?</p>