How should i approach this conceptually at a high level?

I am trying to recreate the graphic below while learning Cables. I come from a Processing background and am unable to wrap my head around how to approach something like this at a high level inside cables (nested for loops in the traditional sense). Any advice to get me started? Thanks!

not completely sure what you’ll want to do with these squares/areas

Maybe the gridtransform op will help you here.
It transforms and arranges elements into a grid.
here’s the cables example that comes with it