Based on common tree data "flare", and using D3js library, this example shows bubbles grouped in center (force), like earth gravity, with distinct sizes and colors.

The size of bubbles is the size of each node, and color is the percentage of total that cover this node. If you click in a bubble, you can do a drilldown and dive into data tree

Also, you have a breadcrumb to drill up data