d3.jsの値出力について

Question

###前提・実現したいこと
d3.jsで折れ線グラフを作ろうとしております。

###発生している問題・エラーメッセージ
データオブジェクトを一行ずつ取り出していると思うのですが、
取り出しが上手く行かずにエラーが出ます。

d3.min.js:3 Error: <circle> attribute cx: Expected length, "function r(n){re…".

###該当のソースコード

svg.selectAll("circle")
                .data(gdp)
                .enter()
                .append("circle")
                .attr("r",5)
                .attr("fill", function(d){ return colorCategoryScale(d["updown"]); })
                .attr("cx", function(d){ 
 //この行でエラーになります             return d3.scaleLinear().domain([d["year"]]); 
                                    })
                .attr("cy", function(d){ 
                                        return d3.scaleLinear().domain([d["gdp"]]); 
                                    });

###試したこと

var xLiner = d3.scaleLinear()
                .domain([2007,2014])
                .range([0,width]);

return d3.scaleLinear().domain(xLiner(d["year"])); 
return d3.scaleLinear().domain(d["year"]); 
return d3.axisBottom(x.domain(d3.extent(d, function(e) { return e["year"]; }))); 

上記のことを試しましたが上手くいきませんでした。
データをグラフ上に出力する為の方法が根本的に違うのでしょうか・・・。

###補足情報(言語/FW/ツール等のバージョンなど)
d3.jsのバージョンは4になります。