Create Repeated Pattern with Curved Position

I'm trying to creating a MOGRT that will display the following pattern and allows customizations such as color changes, line thickness, length, line spacing, etc. and I'm about half way there.

Target Pattern:

I have a shape layer for the main line and sliders that control the size and color. I added a repeater ("v-copies") to duplicate the line vertically and tied some of the properties to sliders to control number of copies and spacing between lines. I added a second repeater to duplicate these ("h-copies") with similar controls for copies and spacing. The layer looks like this:

The pattern this produces is below and is kind of backwards. The horizontal copies are spaced closer together vertically instead of being farther apart.

The Scale property on the "h-copies" repeater is [100,90] to make each column progressively thinner and I have this expression on the Position property:

hPadding = thisComp.layer("control").effect("Horizontal Spacing")("Slider");
xPos = content("line-element (shape)").content("Rectangle Path 1").size[0] + hPadding;
[ xPos, 0 ]

I've tried a few things like reordering the repeaters, making the Y position negative, but nothing gets me any closer.

I'm hoping this is an easy fix. Thanks.