基于indegree更改D3强制有向图节点半径

Question

我有一个D3强制有向图，数据如下：

 {
    "nodes": [{
        "name": "A",
        "group": 9
    }, {
        "name": "B",
        "group": 1
    }, {
        "name": "C",
        "group": 6
    }, {
        "name": "D",
        "group": 7
    }],
    "links": [{
        "source": 0,
        "target": 0,
        "value": 5
    }, {
        "source": 0,
        "target": 1,
        "value": 25
    }, {
        "source": 2,
        "target": 3,
        "value": 10
    }]
  }

我正在尝试让节点半径由每个节点的indegree（和/或outdegree）确定。我尝试在我的JS中执行此操作：

var node = svg.selectAll(".node")
            .data(graph.nodes)
            .enter().append("circle")
            .attr("class", "node")           
            .attr("r", function (d) {
                return (d.value);
            })
            .style("fill", function (d) {
                return color(d.group);
            })                
            .on('dblclick', connectedNodes);

但是在半径代码到位的情况下，我看不到任何节点。如何使节点大小取决于值？