Hey,

While trying to build a weighted tree I noticed that the viz() function is not correctly building the .children and related tree properties. I am using the demo code to get it up and running in my environment.

At the point I have data.values, those values are identical to the demo found on your website. But after running the viz.data()… chain the .children and x/y properties are not set like in the demo.

Any idea where I have gone wrong? I’ve copied the required libraries out of the source code

This is within an Angular 4 app

buildTreeVisual() {
    var data = {};
    var root = this;
    d3.csv("../assets/data/weightedtree_federal_budget.csv",
      function (csv) {

        data['values'] = root.prepData(csv);

        var blob = JSON.stringify(data);

        let viz = vizuly.viz.weighted_tree(document.getElementById("viz_container"));

        //Here we create three vizuly themes for each radial progress component.
        //A theme manages the look and feel of the component output.  You can only have
        //one component active per theme, so we bind each theme to the corresponding component.
        let theme = vizuly.theme.weighted_tree(viz).skin(vizuly.skin.WEIGHTED_TREE_AXIIS);

        viz.data(data)
          .width(600)
          .height(600)
          .children(function (a) {
            return a['values'];
          })
          .key(function (a) {
            return a['id'];
          })
          .value(function (a) {
            return 10;
          })
          .fixedSpan(-1)
          .branchPadding(0.7)
          .label(function (a) {
            return root.trimLabel(a['key'] || a['Level' + a.depth])
          });

        viz.toggleNode(data['values'][0]);

     
      });
  }