d3 - получить данные, связанные с элементом

Question

Следующий фрагмент добавляет объект d3.geo.circle() в качестве элемента path в элемент svg. Код является:

    var g = svg.append("g");
    var circles = g.selectAll("path.circle");
    var circle = d3.geo.circle();
    circles = circles.data(d3.values(data));
    circles
        .enter()
        .append("path");
        .datum(function(d) {
            return circle
                .origin([d.lon, d.lat])
                .angle(0.2)();
        })
        .attr("class", "circle")
        .attr("d", path);

Теперь я хочу добавить, скажем, событие mouseOver на эти круги, которое будет регистрировать (печатать) информацию о широте и долготе, к которой у меня нет доступа, например:

     g.selectAll('path.circle')
     .on("mouseover", function(d,i) { 
         console.log(d.lat + "-" + d.lon);
     });

Я понимаю, что 'd' представляет объект d3.geo.circle, но я не мог понять, как добраться до данных [i]?