Examples.

[mbostock]

• dragging SVG circles with per-circle listeners
• dragging SVG circles with a group-level listener (possible, but probably a bad idea)
• dragging Canvas circles with naïve hit testing
• dragging Canvas circles with searching for closest circle
• dragging Canvas circles with quadtree.find
• dragging SVG circles with a Voronoi overlay
• dragging SVG nodes in a force-directed graph
• dragging Canvas nodes in a force-directed graph
• dragging Canvas force-directed circles with collision detection
• line drawing
• reorderable list

[syntagmatic]

• dragging rects in a partition graph to reorder subtrees (using d3.hierarchy's node.sort)

This example's almost ready to go, just waiting for d3-drag to be included in (alpha 36?). Currently clicking will flip every subtree. http://stamen.github.io/metag/partition/thiocyanate-reorderable.html

[mbostock]

@syntagmatic I’ll release a new alpha build soon, but I’ve just released d3-drag 0.1 so you could also use the modules individually if you want to test. Something like this:

<script src="https://d3js.org/d3.v4.0.0-alpha.35.js"></script>
<script>

d3_dispatch =
d3_selection = d3;

</script>
<script src="https://d3js.org/d3-drag.v0.1.js"></script>

[syntagmatic]

Doesn't quite work-- looks like drag needs the new d3_selection.customEvent. I'll try including all the modules separately when I get the chance... unless you publish the new alpha first!

[mbostock]

Oh, right. You need d3-selection 0.7.2. Sorry, I forgot!

[mbostock]

I’ve just published alpha 36 alpha 37 (had an oopsie).

[mbostock]

Close enough!

[syntagmatic]

Thanks, got an initial drag of subtrees working:

http://stamen.github.io/metag/partition/thiocyanate-draggable.html

Right now you need to cross the midpoint of the next node to reorder... it feels a bit too stubborn. Once I get the interaction feeling better I'll post a reference bl.ock.

[mbostock]

Nice work! I might try smooth interpolation when reordering, too. It tends to work better with interaction than transitions because interaction can rapidly trigger reorderings which would interrupt fixed-duration transitions.