demo D265

Waffle chart

A hundred squares filled in the proportion each part holds, an easier whole to read than a pie

type: 'waffle', x, y

Building…

Loading a live grid…

The configuration

'chart-types-waffle': () => ({
  rows: [], config: {},
  foot: ['a hundred squares stand for the whole', 'each part takes as many as its share'],
  mount: mountGridCharts({
    rows: circuits(2_000), columns: chartCols, columnsPer: 1, chartHeight: 340,
    chartTypeModules: ['waffle'],
    charts: [{ type: 'waffle', x: 'status', y: 'charge', title: 'Share of charge by status' }],
  }),
})