Попытка нарисовать, используя информацию из массива

Question

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

JS

for (var i = 0; i < points.length; ++i) {

            circle.setAttribute('cx', points[i]["x"]);
            circle.setAttribute('cy', points[i]["y"]);
            circle.setAttribute('stroke', 'red');
            circle.setAttribute('stroke-width', 5);
            circle.setAttribute('r', 5);
            circle.setAttribute('fill', 'green');
            circle.setAttribute('fill-opacity',0);
            circle.setAttribute('id',points[i]["id"]);
            circle.addEventListener('contextmenu', function(event) {
              circle.remove(circle.id);
              event.preventDefault();
            });
            console.log(points[i]);
            customSvg.appendChild(circle);
           }