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
.
0
Padding between each cell.
Chart width.
Chart height.
'Depends on device'
Adjust pixel ratio, useful for HiDPI screens.
Chart margin.