Comments (6)
@artipixel the only way to show label next to each node is to draw custom geometry via .nodeThreeObject(...)
. Use eg. SpriteText + BoxGeometry grouped as a node like I did in my visualization.
https://github.com/mys/steemverse/blob/master/js/engine.js#L170
from 3d-force-graph.
@vasturiano Do you have any idea how we can combine those two? Maybe show the text inside the node or create a 3d object that has text and a node? It will be a good feature as you can't navigate through big amount of nodes without hovering every single one to see what it means...
Your solution and example is super! But one thing that is missing that way is the option to drag the nodes (bug or feature?) so when we have a lot of them and spaces are uncontrollable we can't navigate.
I mean, the logic is already implemented, can't we just have an option of it to be always on? And can I ask why does the tooltips are shown by principle that way? It could be awesome to add even more detailed tooltip, like one with icons or a line that connects to the dot.
Awesome library btw!
from 3d-force-graph.
@vasturiano what if i need tooltip with label always be visible?
from 3d-force-graph.
@shimizuiyori if you'd like the labels to be displayed as part of the node itself, instead of solely on the tooltip, the best approach is if you use a custom node geometry that includes the label as a sprite, using the method .nodeThreeObject(<object>)
.
I've just added an example which shows how this can be done:
https://vasturiano.github.io/3d-force-graph/example/text-nodes/
from 3d-force-graph.
@Benkevych by principle the tooltips are only shown when hovering over nodes/links. If you want the labels to be always shown as part of the node objects, please look at the example above.
from 3d-force-graph.
I think this is now solved with "linkThreeObjectExtend(true)
from 3d-force-graph.
Related Issues (20)
- link arrow size become adjustable HOT 2
- adding a hover or click listener to an external asset HOT 3
- Dynamic Particles do not appear for fixed Nodes HOT 1
- Issue with scene hyper-intensive illumination (probably after 1.73.0) HOT 2
- Shadow for links and nodes HOT 1
- How to add a loader to the node HOT 1
- Html rerendering on drag
- continuous scale node color
- 我画布上的所有节点都没有链接,点击节点之后,节点会向外扩散
- LOD for abnormally large graphs
- onNodeClick work error
- Default Settings for "charge" force not clear in documentation please help!!
- Labels for 'regions' / groups.
- text-nodes example stopped working HOT 2
- When nodeThreeObject is used, three-spritetext gives an error
- Arrow bad positionning when linkCurvature(0)
- The text-links example is broken by the latest three.js release r161 HOT 1
- Progressive WebXR HOT 2
- How to show a - 1M nodes HOT 3
- Showing labels front of node HOT 8
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 3d-force-graph.