forresto / dataflow-prototyping Goto Github PK

http://forresto.github.io/prototyping/react-svg.html

http://forresto.github.io/prototyping/connect-gesture.html

Today I did this prototype based on a conversation with @bergie. Thinking about touchability while not having separate modes for moving and connecting. Have not implemented wires, so you'll have to imagine.

• Drag a node up/down to "unsnap" it and move it.
• Left to start an edge from an input.
• Right to start and edge from an output.

Also snapping everything to a grid too see what that's like.

Comments?

I used the zoom part you posted in the SO answer in this library: https://github.com/jillix/svg.pan-zoom.js

There is an online demo: http://jillix.github.io/svg.pan-zoom.js/

The zoom is not working like in the react test. Can you please take a look what's going on there?

Will give you a bunch of points on StackOverflow! Thanks! 😄