d3. js отсутствует первый индекс при добавлении кругов

Question

Я новичок в использовании D3 и снова столкнулся с некоторыми проблемами. Я работаю в небольшой сети, в данном случае без сил. Теперь у меня проблема, что при добавлении моих кругов (моих узлов) он пропускает первый индекс, и я не уверен, как это решить.

вы можете найти мой полный код здесь: https://github.com/katjalennartz/ba

здесь, у меня все еще есть все данные

    var circleGroup = svg.selectAll('g')
        .data(users)
        .enter().append('g')
        .attr('transform', function (d) {
            console.log(d) //index 0 ist still there
             return 'translate(' + d.x + ',' + d.y + ')'; })
        .call(d3.drag()
            .on("start", dragstarted)
            .on("drag", dragged)
            .on("end", dragended));

, и именно здесь они пропадают

        .attr("r", function (d) {
            //increase radius if current user
            //index 0 is missing ?
            if (d.id === thisuser) {  
                return radius * 2 
            }
            else { return radius; }
        })
        .attr("class", "chara")
        .attr("fill", function (d) {
            //set color to red if this user
            let color
            (d.id === thisuser) ? color = "red" : color = "blue"
            return color;
        })
        .style("stroke", "#ffffff");

Итак, я понятия не имею , что с этим делать, и я надеюсь, что кто-то здесь поможет мне исправить это.

если это важно для кода, я планирую использовать update et c. для фильтрации ссылок.

Спасибо!