Overview

A treemap is a visual method for displaying hierarchical data that uses nested rectangles to represent the branches of a tree diagram. Each rectangle has an area proportional to the amount of data it represents.

The user can choose which property contains the object describing the data to use, for example, monArborescence .

Then, upon receiving the following message:

  msg.payload = {
    "monArborescence":{
      "name": "nivo",
      "flatten": false,
      "children": [
        {
          "name": "viz",
          "children": [
            {
              "name": "stack",
              "children": [
                {
                  "name": "cchart",
                  "loc": 183001
                },
                {
                  "name": "xAxis",
                  "loc": 121267
                }, // etc
  }
return msg;

the diagram is displayed.

If a new message arrives with values, then the diagram updates with the new values.