Comments (8)
- 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
from d3-drag.
@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>
from d3-drag.
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!
from d3-drag.
from d3-drag.
I’ve just published alpha 36 alpha 37 (had an oopsie).
from d3-drag.
Close enough!
from d3-drag.
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.
from d3-drag.
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.
from d3-drag.
Related Issues (20)
- Possible typo in README HOT 2
- What are the perposes of functions yesdrag and nodrag?
- Drag event on Chrome 72 HOT 3
- d3 mouseup event not firing HOT 1
- Drag Event Issue on Windows Chrome 74, related to solution for #47 HOT 1
- The default filter should return false if event.ctrlKey. HOT 5
- drag start event is don't send when Ctrl-key is press HOT 1
- drag.on("init") ? HOT 7
- Click event not firing if drag enables with simulation HOT 1
- Non-cancelable event HOT 3
- remove drag.container? HOT 1
- Use native events (*element*.dispatchEvent) instead of d3-dispatch? HOT 1
- remove dragEvent.on?
- d3.event is not available in version 6.1.1 HOT 1
- DragEvent missing event.currentTarget for arrow function node selection HOT 1
- Make event listeners non-passive. HOT 2
- d3.drag() causes error in testing mousedown event via jsdom HOT 4
- d3.pointer() could use event.touches[0] HOT 2
- Add event.currentTarget
- Support d3.drag in testing environments
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from d3-drag.