Force directed graph with nested nodes

[Najt Kalemeon]

Hi,

If anybody could help me with describing how to do this kind of graph:

- At the start we have nodes drawed as circles (force directed layout)

- User is able to drag nodes

- After clicking some node new nodes are drawed inside clicked circle (clicked circle is resized to accommodate children nodes)

- We can have to 3-4 nested levels of children

- There should be links between nodes

- After clicking node first we get data from the backend then update children nodes (we don't have whole structure of nodes)

I found similar solution made by keylines : https://cambridge-intelligence.com/wp-content/uploads/2017/10/combos-700px.mp4

After some research I've found that it could be done by:

- force directed layout

- circle packing layout

Most of work could be done by force layout but the problem is with nesting nodes, how to draw some cluster of nodes inside another circle so that they fit (3-4 levels of nesting)?

I don't know what are the limitations of each mentioned layouts, is it possible to do only by force layout? Or should I merge this two concepts?

Any help with describing steps would be appreciated. Thx

[Malik Koné]

I would also be interested in getting insight on doing that.

[matthew lange]

Similarly interested, would be happy to jointly develop. 

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.