Résumé

Le Circle Packing ou treemap circulaire permet de visualiser une organisation hiérarchique. C'est l'équivalent d'un treemap ou d'un dendrogramme, où chaque nœud de l'arbre est représenté sous forme de cercle et ses sous-nœuds sont représentés sous forme de cercles à l'intérieur de celui-ci.

L'utilisateur peut choisir quelle propriété contient l'objet qui décrit les données, par exemple myHierarchy

lors de la réception du message suivant :

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

le diagramme s'affiche.

si un nouveau message arrive avec de nouvelles valeurs, le diagramme se met à jour avec les nouvelles valeurs.