Rearranging collection sections vertically

I am trying to display the information about a factory production line. I want to have machines working in parallel arrayed vertically in columns and these columns working serially arrayed horizontally.

In the image attached the first row are four machines working in parallel and the second row is  a machine working serially with these four. This is almost what I want but I need the rows to be columns since that is the layout the factory workers are used to. How could I do it, with or without a collection? I need the mashup to fit any production line so it needs to be created dynamically.