This was about combining react components with a network graph. I've been using it for some conversation graph visualization experiments here (also a sankey using D3). It allows direct DOM elements to be laid out. It's a very sophisticated library for all kinds of graph exploration, but has imho a much easier to use API than threeJS. But you may not like the API, I always find it takes ages to work with - although it gives you fine grained control.Īnother library I like a lot is cytoscape which has a JS version. The normal candidate would be D3, which has great SVG support and a lot of ways to do force directed graphs. three.js isn't really very good with text nodes afair so if you plan to add more content it will be hard to render. It's pretty cool you've got all these things to work together, but wonder if these are the right choices for a stack. I'm glad to see this, I'm doing some similar research right now. I think next time, I'll see if I can add interactivity: it would be cool if I could add new mind map nodes and remove existing ones. So here you have it, my mind map rendered as a force directed graph: I had to overwrite the function that calculates the position of the links with graph.linkPositionUpdate, just to set the z position to make the links appear behind the nodes by default, they were rendered in front.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |