Comments (4)
Scribble delete is colliding with panning, which is disconcerting... why isn't it panning? why did half of the graph just disappear?
I think that these gestural differences are hurting usability.
from the-graph.
We need to tune the speed requirement of the scrub-to-delete gesture to make it collide less with regular graph panning.
As for modes, they would also open door to other gestures, like draw square to add node, GraIL-style, with something like: http://stackoverflow.com/questions/19622912/pointer-event-listener-shape-gestures-how-graphic-example-included
However, see also https://en.wikipedia.org/wiki/Modeless#Mode_errors for an argument on why to avoid modes in UIs.
from the-graph.
I don't think that any speed is going to make sense to delete instead of pan. Same with swipe to remove / move. Deleting can happen from the node / edge inspector.
Re: mode errors, these gestural differences that we have so far are like hidden modes. I think that we need some kind of metric to decide if something like the node move/connect directions is worth the learning curve.
Maybe modes like [gesture | select | move | connect], where "gesture" keeps the current behavior, would be a reasonable balance. Then power users can use gestures or keyboard shortcuts, and less-power users can switch modes by clicking the tool.
from the-graph.
Instead of modes we could also utilize multitouch. One finger for gestures (node and edge manipulation), two fingers for navigating the canvas. So you'd pan with two fingers, a bit like two-finger scroll works on trackpads, and zoom with a pinch
from the-graph.
Related Issues (20)
- Dragging to move nodes, create edges unreliable on mouse HOT 2
- Touch-only input broken HOT 3
- Missing dist/ in NPM package HOT 3
- Make icon map loadable via CommonJS HOT 1
- Cannot move viewport using thumbnail HOT 4
- `Nested transactions not supported` error HOT 2
- [Question] Do something on edge creation HOT 4
- editor.addErrorNode is not a function
- React16 port HOT 7
- Publish version with latest changes HOT 7
- Node.js tests failing HOT 10
- installing dependecies on linux fails HOT 2
- canvas-prebuilt dependency is no more HOT 2
- Roadmap of this Library HOT 1
- TS typing HOT 1
- Can't resolve 'fs' when using react component
- 'editor' is not defined, and unable to access editor methods in react hooks HOT 2
- Cannot read properties of undefined (reading 'length') HOT 3
- how do I use its `triggerFit` method in react 18? HOT 3
- Nav minimap can't drag properly
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 the-graph.