d3.js - 检查d3js解析csv中的数据值

Question

我正在解析一个 csv 文件，我需要检查一个特定的数据值并做其他事情做其他事情......但对我来说，在下面的脚本中显示的值未定义。我想要获取数据并检查相同：data.source 应该已获取数据对吗？并使用普通的 javascript 检查我应该能够检查该值。当前无法正常工作...如何实现相同的

     var canvas = d3.select("body").selectAll("#viz").append("svg")

d3.csv("INPUT.csv", function(data) 
{

    data.forEach(function(d)
    {
        var x = d.source; 
        if(x==='NA')
        {
            alert(x);

             var visual = canvas.selectAll("circle")
                    .data(data)
                    .enter()
                    .append("svg:circle")
                    .attr("cx",20)
                    .attr("cy",10)
                    .attr("r",15)
                    .style("fill","lightgreen")

        }
        else
        {

            var rectangle = canvas.selectAll("rect")
            .data(data)
            .enter()
            .append("svg:rect")
            .attr("x", 10)
            .attr("y", 10)
            .attr("width", 50)
            .attr("height", 100);
        }

     });

});

警报显示正确的数据，但未相应创建 svg 图像