Javascript “表观权利无输出”；D3.js-代码“；（简单散点图）

我是D3.js的新手，无法解决看似很小的问题。问题是我真的不明白“我的”代码出了什么问题。控制台上出现的错误告诉我：“SyntaxError:expected expression，get'首先删除引发错误的

和

标记。其次，当代码为v4/5时链接v3（我在代码段中使用了v4）。第三，出现了一些引发错误的拼写错误。最后（也是d3渲染的最大问题）是：

.merge(circles)
.attr("cx", function (d){ return scaleX; })
.attr("cy", function (d){ return scaleY; });

缺少到数据的链接，该数据已更新为

.merge(circles)
.attr("cx", function (d){ return scaleX(d.x); })
.attr("cy", function (d){ return scaleY(d.y); });

var xyr=[{
x:1，
y:1,，
r:1
},
{
x:2，
y:2，
r:2
},
{
x:3，
y:3，
r:3
}
];
变量主体=d3。选择（“主体”）；
var svg=body.append（“svg”）.attr（“宽度”，250）.attr（“高度”，250）；
var scaleX=d3.scaleLinear（）.range（[0250]）；
var scaleY=d3.scaleLinear（）.range（[0250]）；
函数渲染（数据）{
//数据绑定
var circles=svg.selectAll（“circle”）.data（数据）；
scaleX.domain（d3.extent）（数据，函数（d）{
返回d.x；
}));
scaleY.domain（d3.extent（数据，函数（d））{
返回d.y；
}));
//调试（工作正常-->125）
圈子
//进入
.enter（）.append（“圆圈”）.attr（“r”，5）
//更新
.合并（圆）
.attr（“cx”，功能（d）{
返回scaleX（d.x）；
})
.attr（“cy”，函数（d）{
返回scaleY（d.y）；
});
//出口
circles.exit（）.remove（）；
};
//使用var xyr调用函数
渲染（xyr）；

JS-Bin

从javascript部分删除

和

，以将代码作为代码片段插入。然后可以使用

https://d3js.org/d3.v5.js

以消除下一个错误。最后将打字错误

apend

修改为

append

以显示smthg。我从以下来源获取了这个示例：但显然它是有效的不同的是，当数据来自CSV文件时，对谁投了否决票，我能知道为什么我可以改进吗？

.merge(circles)
.attr("cx", function (d){ return scaleX(d.x); })
.attr("cy", function (d){ return scaleY(d.y); });