svg文本元素中的不可见文本

function d3manipulation() {
    var svg = d3.select("body").append("svg")
        .attr("width", 500)
        .attr("height", 500);
    var nodes = [
        { "name": "Michael" },
        { "name": "John" }
    ];
    svg
        .selectAll("text")
        .data(nodes)
        .enter()
        .append("text")
        .text(function(d) { return d.name; });
}

但在页面上什么也没显示。我也没有任何控制台错误。

然而 inspector 表明事实上 text 包含数据的元素。

<svg width="500" height="500">
    <text>Michael</text>
    <text>John</text>
</svg>