<script>

svDocReady(function() { 
   
      if ($svjq(window).width() < 960) {
             d3.json('/download/18.44e3ea617a0905381349ee/1628236503555/kh-family-tree.json')
            .then(data=>{

               new Chart()
               .container('.chart-container')
               .data(data)
               .svgWidth(window.innerWidth)
               .svgHeight(window.innerWidth)
               .initialZoom(.18)
               .onNodeClick(d=> console.log(d+' node clicked'))
               .render();

             })

         } else {
            d3.json('/download/18.44e3ea617a0905381349ee/1628236503555/kh-family-tree.json')
            .then(data=>{

               new Chart()
               .container('.chart-container')
               .data(data)
               .svgWidth(window.innerWidth)
               .svgHeight(window.innerWidth)
               .initialZoom(.4)
               .onNodeClick(d=> console.log(d+' node clicked'))
               .render();
           })
      }
});
      

</script>


<div class="chart-container"> </div>