Selected highlighting

[samussiah]

No description provided.

[jwildfire]

Here are Mike Bostock's thoughts on how do deal with mouseover and brushing in the same chart. In particular this:

"A third possibility is to put the display elements on top of the brush, but to set the to pointer-events none when a capturing mousedown listener on a containing element is triggered. This should prevent the display elements from participating in pointer events while the mouse is down, but otherwise let them trigger mouseover and mouseout events. This is probably the simplest solution, but I haven’t tested it."

So, put a listener on the svg that pulls the brush to the front on mousedown and then drop it back to the back on brush.end(). Then ditch themousemove event on the svg and just handle interactivity on the points with click, mouseover and mouseout events on the points.

[jwildfire]

This article on bubbling vs. capturing events is going to be important too ...

[jwildfire]

Can't get that 3rd approach to work for a click in a hex/point. The re-order happens after the click, so brush.start isn't triggering (since the click is on a hex, not the g.brush rect). Might work using a capturing event if the hexes were actually nested in the g.brush, but that is far from optimal. Going to try something like this instead (working gist here). If I understand it correctly the mousedown event just simulates the brush start here, which seems like a good option ...