Notes

An annual impact report for a community energy scheme, laid out as a bento: a brand-flooded headline figure, a monthly column chart, a Pie Chart ring, a Proportion Bar for the community fund and a carbon figure with a progress bar. The fund bar is a Proportion Bar in bar mode with the values hidden inside the bar and the legend showing each amount; enter the pounds as values and the widths follow. The monthly columns are still Divs whose height is the data as a percentage, because the Proportion Bar is horizontal only. The Pie Chart colours, padding and ring thickness are set at every breakpoint; on tablet the three small tiles go to two columns, then one on phones.