lol.ts

bubble(root);
const node = svg.selectAll('.node').data(root.children)
            .enter().append('g').attr('class', 'node')
            .attr('transform', function (d: any) {
              return 'translate(' + d.x + ',' + d.y + ')';
            });

node.append('title').text(function (d: any) {
   return d.data.shortName;
});

node.append('circle').attr('r', function (d: any) {
  return d.r;
}).style('fill', function (d: any) {
     if (d.data.value === 'GOOD') {
        return '#5CB85C';
     } else if (d.data.value === 'NORMAL') {
        return '#F0AD4E';
     } else if (d.data.value === 'BAD') {
        return '#D9534F';
     } else {
        return '#999';
     }
});