Overview

A waffle chart is a basic rectangular display, consisting of squares in a rectangular or a square layout. Waffle charts tend to be much easier to read and provide a good, quick visual display for distribution of data.

The user explicitly chooses in the configuration drawer how many series will be displayed.

If a user configures a series "Series 1" by choosing the property "prop1" and a series "Series 2" by choosing the property "prop2", then upon receiving the following message:

 {
  msg.payload = {
    "prop1": 30,
    "prop2": 60
  }
return msg ;

a rectangular diagram is displayed. "Series 1" occupies 30% of the available slots, "Series 2" occupies 60% of the available slots, and 10% of the slots remain empty.

If a new message arrives with values for "prop1" and "prop2", then the graph updates with the new values.