Vector plot

A vector plot is a type of cartesian chart where each point has an X and Y position, a length, and a direction. Vectors are drawn as arrows.

For more detailed samples and documentation check the API.

Click here to check the code.

Data structure

Each vector data point is defined as [x, y, length, direction].

The length is the relative length of the vector compared to the other vectors. The actual vectors are then rendered so that the vectorLength option defines the pixel length of the longest vector, and the other vectors are relative to the longest vector.

The direction is given in degrees 0-360, where 0 is north, the arrow pointing downwards.

Other options

The rotationOrigin option sets the vector’s point of rotation that could be the center (by default), the tile, or the head. rotationOrigin also sets the rotation direction (left or right). See the API for full documentation.