Hello Vijay,

You can override the default node radius settings in a few places. Perhaps the easiest is in the theme file. In src/theme/weightedtree.js you can alter the radius of the nodes in the applyTheme() function

selection.selectAll(".vz-weighted_tree-node circle")
            .style("stroke",function (d) { return skin.node_stroke(d) })
            .style("stroke-opacity",function (d) { return skin.node_stroke_opacity(d) })
            .style("fill",function (d) { return skin.node_fill(d) })
            .style("fill-opacity", function (d) { return skin.node_fill_opacity(d)});

Just add something like:

.attr("r",function (d) { return myNewRadiusFunction(d));

And you can define myNewRadiusFunction() to use whatever logic you want.

I hope that helps.

Tom

Hi Vijay,

Okay, if you want to adjust both of those, then you may want to make the modifications in the core src/viz/weighted_tree.js file. You can modify the function below to use what ever logic you want for both node radius and path thickness, both the circle and links paths use this function to calculate their size.

 //Used to calc our node radius for each node based on min/max values per depth.
    var  nodeRadius = function (node) {
        //Set max size/2 for root node.
        if (node.depth == 0) return nodeScale.range()[1]/2;
        nodeScale.domain([minValues[node.depth],maxValues[node.depth]]);
        return nodeScale(scope.value(node));
    }

Cheers,

Tom