# 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.