Collapsible/expandable nodes

[ax-rutter]

Very interesting and powerful library. Well done!

After reading the documentation (which is excellent), I have a question: are you considering integrating a "collapsible/expandable" function to group/hide or expand a series of nodes. A sort of drill-down for diagrams with many nodes?

Thank you for any answer.

[lukasz-jazwa]

Hello @ax-rutter, thank you for your kind words!

Yes, supporting expandable/collapsible groups is something we have on our long-term roadmap. Before committing to it, we need to carefully assess how it would impact the library as a whole and work through the various edge cases, to make sure it behaves correctly across different use cases.

Our team is mostly on a winter break until the end of the week, but once we’re back, we’ll share an example showing how this could be implemented using existing functionality available to the user

Thanks again for the good idea!

[ax-rutter]

Hello @lukasz-jazwa,
thank you for your reply.

Can't wait to read more about this feature or see some example from your team.
I have my eyes on this interesting project.

Thank you very much.

[ax-rutter]

Hello @lukasz-jazwa.

Our team is mostly on a winter break until the end of the week, but once we’re back, we’ll share an example showing how this could be implemented using existing functionality available to the user

I'm following up on our conversation just to ask if you could provide me with some more information about expandable/collapsible. It would be greatly appreciated.

Thank you.

[lukasz-jazwa]

Hello @ax-rutter ,

Thanks for checking in, and sorry for the delay.

We’ve been busy recently with fixes and small improvements based on community feedback, and we’re about to release version 1.1. Once that’s out, we’ll switch focus to preparing examples showing how users can implement features like expandable/collapsible groups.

Thanks for your patience and interest in the project, we’ll have an answer for you later this week.

[lukasz-jazwa]

@ax-rutter

Here you can find an example of how expand/collapse for groups could be implemented in ngDiagram: https://stackblitz.com/edit/stackblitz-starters-suo9w3sd

It’s not yet in our official examples because, during implementation, we discovered a library limitation we want to address before adding the example to our docs. The library doesn’t support hiding nodes via display: none, as this breaks internal measurement calculations. For now, visibility: hidden has to be used. The fix will be included in the next library release.

Would this code help in your scenario?

[ax-rutter]

Hi @lukasz-jazwa,
thank you very much for providing me with this example and for precious time.

The example is very interesting but I'm not sure that I'm able to apply it to my case.
If it's not a problem for you, I'd like to run some more tests on your example bound to our data and share our real-world scenario with you.

However, this time it's me the one asking you to be patient, because I need time to reproduce the case and/or share further information with you.

Thank you.

[lukasz-jazwa]

Of course, take your time. We’ll be happy to help once you have more information to share

[ax-rutter]

Hello @lukasz-jazwa
I have prepared a brief PDF document where I explain our scenario with minimal technical information.
Can I share it with you privately?

Thanks.

[lukasz-jazwa]

Yes, please do. Feel free to send it over to my email: lukasz.jazwa@synergycodes.com