Code Monkey home page Code Monkey logo

Comments (6)

mys avatar mys commented on May 18, 2024 3

@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.

artipixel avatar artipixel commented on May 18, 2024 2

@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.

Benkevych avatar Benkevych commented on May 18, 2024 1

@vasturiano what if i need tooltip with label always be visible?

from 3d-force-graph.

vasturiano avatar vasturiano commented on May 18, 2024

@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.

vasturiano avatar vasturiano commented on May 18, 2024

@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.

gitvge avatar gitvge commented on May 18, 2024

I think this is now solved with "linkThreeObjectExtend(true)

from 3d-force-graph.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.