flow

flow puts each child right after the previous child along selected dimensions so that they appear to flow along these dimensions, while keeping the first child at its original position. A number can be optionally provided to indicate how much space to leave between every two objects.

Let's consider a simple case involving two objects, a cube and a sphere. Initially, they are overlapping; we can only see a cube because of this. After adding l="flow=x" to <g>, the sphere is moved such that it is next to the cube, no longer overlapping with it.

Let's look at an example with more objects involved. This time, we have a cube and three spheres forming a group. Initially, they are all overlapping. By adding l="flow x" to <g>, they are rearranged into a line along the x axis where each child is next to the previous child.

It is possible to flow in multiple directions simultaneously.