Binding an event during an update() transition

Question

Is it possible to bind an event to a selection during a transition?

For example, let\'s say this is your update:

        g3.selectAll(\".circles\")
              


        

Answer 1

Since transitions are a special kind of selections you cannot use all methods available to a selection on a transition. Instead, use transition.each() to bind your handler to the elements in the transition.

.transition()
    .each(function () {
        d3.select(this).on('mouseover', function mouseoverlogic() {});
    });