Почему круг добавляется вне тела? D3. js

Question

Пытаюсь построить диаграмму рассеяния, но круги добавляются за пределами SVG.

var line_fatality = svg
    .append('g')
    .classed('fatality',true)
    .data(check[0].values)
    .enter()
    .append("circle")
    .attr('cx', (function (d, i) {
        return x(d.date)
    }))
    .attr('cy', (function (d, i) { return y(d.fatality) }))
    .attr("r", 1.5)
    .style("fill", "#69b3a2")

Круг SVG

Answer 1

Исправлено. Для тех, кто задается вопросом, почему это не работает, попробуйте добавить selectAll в свой код.

var line_fatality = svg
        .selectAll("dot")
        .append('g')
        .classed('fatality',true)
        .data(check[0].values)
        .enter()
        .append("circle")
        .attr('cx', (function (d, i) {
            return x(d.date)
        }))
        .attr('cy', (function (d, i) { return y(d.fatality) }))
        .attr("r", 1.5)
        .style("fill", "#69b3a2")

Обновлен SVG