A variation around the Waffle component, using HTML elements.
You can fully customize it using cellComponent property to define
your own cell component, if you wish to do so you should have a look at
native HTML component
for available properties.
You can also see more example usages in storybook.
The responsive alternative of this component is
ResponsiveWaffleHtml, it also offers other implementations,
see Waffle and
WaffleCanvas.
Max value.
Chart data.
Optional formatter for values.
Number of rows.
Number of columns.
'top'How to fill the grid, it's also going to affect the transitions if motionStagger > 0.
0Padding between each cell.
Chart width for non-responsive component.
Chart height for non-responsive component.
'Depends on device'Adjust pixel ratio, useful for HiDPI screens.
Chart margin.