Comments (4)
@GeoffGodwin yes you're right, tbControls
doesn't exist in 2D. It's a different zoom/panning mechanism, based on d3-zoom
.
So, there isn't currently a way to detect pan/zoom user interactions from outside the component.
I can imagine adding an event notifier (say onZoomPan()
) at every interaction, if there's enough interest in the feature.
For future reference, that should be triggered here:
https://github.com/vasturiano/force-graph/blob/master/src/force-graph.js#L327
from react-force-graph.
@GeoffGodwin how do you define camera idle? Can you detect from the trackball controls, perhaps with the end
event?
If so, you can access it using the tbControls()
method. Try it, it may work. :)
from react-force-graph.
@vasturiano I'm actually using the 2D and I believe the tbControls() is only available in 3D unless I'm wrong?
from react-force-graph.
@vasturiano onZoomPan()
would be an amazing feature if it gets added, I currently have a use case of limiting the max and min zoom of the canvas, will try with the above suggestion for now.
from react-force-graph.
Related Issues (20)
- Any ideas how to implement curved connections as on screenshoot HOT 2
- appending nodes gives: Cannot create property 'vx' on string
- Performance issue when utilizing Parcel to build project.
- How to have coordinates of real positions of nodes according to the window when zoom in on hover HOT 2
- how to stop force directed graph from moving the nodes?
- how to get a graph with less spacing? HOT 3
- How can i add minimap for graph? HOT 1
- Uncaught TypeError: object null is not iterable HOT 1
- when add style zoom to root dom,node cannot trigger click and hover events
- The 3d graph suddenly hops or flickers at regular intervals HOT 2
- Is there an example of displaying a label on a link in ForceGraph2D? HOT 1
- Can't remove force with TypeScript interface for d3Force HOT 1
- I cannot modify d3Force parameters and have them visible in a simulation. HOT 1
- Graph reloading when hovering the menu HOT 7
- Search for node by node.id then can focus camera on that node
- Lasso tool for 2d node/edge selection
- a bug
- Vector Embeddings --> UMAP projections of nodes for organizing within 2 or 3-D space. HOT 1
- Load node data on hover
- Scaling issue with HTML labels HOT 1
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 react-force-graph.