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.