score:1

Accepted answer

you have to set the class separate and not with the append call.

Your selection to interrupt does select nothing, there is no circle with that class.

var component = this;
select(this.node).select("#circles").selectAll(".pin")
    .data(this.props.data)
    .enter()
    .append("circle")
    .attr("class", "pin")
    .attr("r", 5/component.state.zoomScale)
    .style("fill", "#ff0000")
    .style("opacity", "0.0")
    .transition()
    .on("start", function(d, i) {
      if (i % component.props.multiplier == 0) {
        select("#timer").text(d.time);
      }
    })
    .style("opacity", "1.0")
    .delay(function(d, i) {return d.delay/component.props.multiplier;});

Related Query

More Query from same tag