Align facets within the plot

[spandl]

I have created this waffle chart using facets:
https://observablehq.com/@spandl/waffle-chart-using-small-multiples

To keep the circles round, each facet has to have a fixed-ratio layout.
When you try to fit all facets into predefined canvas there is always some white-space.

In my setup, the overall chart is aligned top-left, but there is often a margin/white-space to the left.
I assume that the chart is centered within the required space.

I am wondering if there is a way to align all facets completely to the left.

[Fil]

I'd suggest to add a Plot.frame mark to the chart, to help you visualize the space give to each facet. The values for the total width and height also need to take into account the margins. There is a lot of small values to add, substract and divide.

[spandl]

Nice!

I see, how you distributed the spaces for labels. That works really well.
To make it fit in a fixed container, I also have to know the height of the title, if I would like to use that in the setup.

With that it is easy to center the chart using flexbox. Vertical and horizontal justify would be possible as well with some more fiddling around. Works for me!

Thanks!!