d3.js - d3js parse 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 イメージが作成されません