Comments (4)
Could you please tell me a bit more about your use case? Do you already have a graph layout?
from ngraph.
I just need a static graph without any random movements. My graph is fully dynamic, nodes are loading on demand.
from ngraph.
+1
from ngraph.
I think that would be helpful possibility to allocate layout computation on selected communities of nodes.
I also load sub-graphs on demand, and actually much of the performance goes to adjust nodes that are not close to the areas a user is looking at.
Typically, the screen area.
I tried to pin nodes that are off the screen area and then free them as soon as they get into the visible are, but the result is not perfect: as soon as they get visible, the edges "rebound" cause all of the sudden forces are applied. And you see things moving around.
So I think that a good approach to test would be to apply forces proportionally to the distance of currently selected node: say, spring-force applied to n-th neighbors is set to 1/n-th, or with a custom function (I play with logaritmic adjustments now).
But don't have coding skill so advanced to modify the library (I am better at designing interaction and UX).
Or even simpler, it may be to turn on and off the layout engine.
Now, I found only layout.isNodePinned() as possible solution.
I did not found how to set "parameters" to "avoid" force-computation.
Alternatively you can use constant layout and set position programmatically for new layed out nodes - but please share if you find a good logic for expanded-on-demand graphs!!
from ngraph.
Related Issues (20)
- "Cannot create graph without links and nodes" HOT 1
- Disabling physics
- package.json is missing
- Move layout functions to Web Worker for pixi.js examples HOT 12
- gexf file from gephi to 3d graph? HOT 1
- npm install failed on a pixi.js example HOT 2
- Cannot read property 'antialias' of null (pixi.js-v4.2.2-dev-build)
- Pixi or Three js ?
- Examples (TODO suggestions) to combine modules with reactive components
- Render graph server (node) side HOT 1
- large scale graph HOT 1
- Example of rendering from offline generated layout HOT 3
- add dinamically new nodes : which API for PIXI graphics VS vivagraph?
- detecting when layout stop computation (find optimal)
- Improvement: handling multiple links between nodes HOT 3
- How do I load filtered data? HOT 2
- Missing node to the graph whit pixi.js HOT 1
- Lazily add edges HOT 2
- Is there any central documentation?
- npmjs.cf package mirror has been deprecated, and will be discontinued
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 ngraph.