> ## Documentation Index > Fetch the complete documentation index at: https://docs.omni.co/llms.txt > Use this file to discover all available pages before exploring further. # Repeating waffle charts > The code for this example can be used in the Markdown visualization to create a series of percentage-filled waffle charts, one for each row in your results. Squares will automatically adjust size and wrap to the next line. ## Setup These charts use the Mustache iterator syntax to draw a shape for each row in the results. Your query should have a dimension that determines the number of pies and their labels and the values for the numerator and denominator to calculate the percentage fill. Then you'll need to add a lot calculations. The following table explains each field used in the example, including the calculation formulas. This chart is a bit crazy. We're not actually drawing 100 tiny squares for each waffle shape, but instead filling 10 bars per waffle and drawing some dividers on top of them to simulate a waffle. | Col | Name | Description or formula | Purpose | | --- | ---------------------- | -------------------------------------------- | ----------------------------------------------------- | | A | Category | query field | determines number of waffles to make and their labels | | B | Products Count | query field | denominator for % calculation | | C | Products over \$50 | query field | numerator for % calculation | | D | % over \$50 (`calc_1`) | =C1 / B1 | calculation for filling waffle squares, label | | E | 1s (`calc_5`) | =IF(D1 >= 10, 100, 10 \* D1) | how far to fill the 1s bar | | F | 10s (`calc_6`) | =IF(D1 >= 20, 100, MAX(0, (D1 - 10)) \* 10) | how far to fill the 10s bar | | G | 20s (`calc_7`) | =IF(D1 >= 30, 100, MAX(0, (D1 - 20)) \* 10) | how far to fill the 20s bar | | H | 30s (`calc_8`) | =IF(D1 >= 40, 100, MAX(0, (D1 - 30)) \* 10) | how far to fill the 30s bar | | I | 40s (`calc_9`) | =IF(D1 >= 50, 100, MAX(0, (D1 - 40)) \* 10) | how far to fill the 40s bar | | J | 50s (`calc_10`) | =IF(D1 >= 60, 100, MAX(0, (D1 - 50)) \* 10) | how far to fill the 50s bar | | K | 60s (`calc_11`) | =IF(D1 >= 70, 100, MAX(0, (D1 - 60)) \* 10) | how far to fill the 60s bar | | L | 70s (`calc_12`) | =IF(D1 >= 80, 100, MAX(0, (D1 - 70)) \* 10) | how far to fill the 70s bar | | M | 80s (`calc_13`) | =IF(D1 >= 90, 100, MAX(0, (D1 - 80)) \* 10) | how far to fill the 80s bar | | N | 90s (`calc_14`) | =IF(D1 >= 100, 100, MAX(0, (D1 - 90)) \* 10) | how far to fill the 90s bar | ## Example code ```html expandable theme={null}

% of products over $50

```