Overview

Circular packing or circular treemap allows to visualize a hierarchic organization. It is an equivalent of a treemap or a dendrogram, where each node of the tree is represented as a circle and its sub-nodes are represented as circles inside of it.

The user can choose which property contains the object that describes the data, for example myHierarchy

upon receiving the following message:

{
  "payload": {
      "myHierarchy":{
        "name": "nivo",
        "flatten": false,
        "children": [
          {
            "name": "viz",
            "children": [
              {
                "name": "stack",
                "children": [
                  {
                    "name": "cchart",
                    "loc": 183001
                  },
                  {
                    "name": "xAxis",
                    "loc": 121267
                  }, // etc
  }
}

the diagram displays.

if a new message arrives with new values, the diagram updates with the new values.