Skip to content

Rotate and Move

Both move an object according to a value: Rotate turns it, Move translates it. They are used wherever position carries meaning — a gauge needle, a valve lever, a product on a conveyor, a lift car.

Both are available on any SVG object, and both have two modes, Expressions and Tag. The forms below are in Tag mode.

The Rotate form

FieldDescription
VariableThe variable to read
DefaultThe value used when it cannot be read
Min · MaxThe values the ends of the rotation correspond to
Rotate CenterThe centre of rotation
DirectionWhich way it turns — clockwise or anticlockwise

At Min the object sits at its starting angle and at Max at its full angle; values in between are proportioned.

The Move form

FieldDescription
VariableThe variable to read
Default ValueThe value used when it cannot be read
Value BitSelf takes the whole value; choosing a bit index reads only that bit out of the word
Smooth offTicked, the motion is not smoothed and the object jumps as the value changes
Minimum Value · Maximum ValueThe ends of the value range
Minimum Pos · Maximum PosThe positions those ends correspond to
OrientationThe axis of travel — horizontal or vertical

Two ranges are mapped onto each other: the variable’s range of values, and the range of positions the object travels through. Mapping 0–100 onto 0–400 pixels on a conveyor indicator is the typical use.

Smooth off is unticked by default, so motion is smoothed. Where the value itself arrives gradually — a measurement — smoothing is natural; where it arrives in discrete steps, such as a position number, smoothing can make the motion look late, and the box is worth ticking.

What you wantType
A needle, lever or hatch turning about an axisRotate
An object travelling along a lineMove
The object to grow and shrinkScale
The impression of flow inside a pipePipe