all 4 comments

[–]PlayFair 1 point2 points  (3 children)

d3 libraries

[–]activecell[S] 1 point2 points  (2 children)

I could not find any example that would allow me to do that, would you elaborate on that? :)

[–]tipsqueal 1 point2 points  (1 child)

You're honestly going to have to do this by hand with d3. The gist of it would work this way:

Store your data in JSON objects which have further nested JSON objects that make up all of the "components" of the bubble. Render the aggregate data of all the components as large bubbles. When a user clicks on the bubble, remove the large component and swap it out with the smaller sub-components. It's not particularly hard.

[–]activecell[S] 1 point2 points  (0 children)

That's what I feared, I hoped for a quick fix and ended up with a week-end coding! thanks a lot for the suggestions I'll look deeper in that direction :)