d3.js绘图点组

Question

我有以下带有点数据的数组（其中有两组点）：

const data = [[{x: 1, y: 3.4}, ...], [{x: 1, y: 4.3}, ...]]

我想为每组点绘制点，以便将每组点嵌套在<g>标记中。我的代码如下：

const $svg = d3.select('svg')
const $points = $svg.selectAll('.points').data(data)

$points.enter()
        .append('g')
        .attr('class', 'points')

const $point = $points.selectAll('.points').data(d => d)

$point.enter()
        .append('circle')
        .attr('class', 'point')
        .attr('cx', d => scale.x(d.x))
        .attr('cy', d => scale.y(d.y))
        .attr('r', 4)

Example on JSFiddle

但是仅以这种方式绘制<g>，而没有绘制<circle>元素。我做错了什么？