JavaScript Vector Chart 

VIEW MORE CHARTS
SAVE
VIEW HTML
EDIT ON CODEPEN
A vector chart represents data with angle and magnitude in lines. To create a vector chart using KoolChart's JavaScript charting library, the <Vector2DChart> and <Vector2DSeries> elements must be set in Layout.

A vector JavaScript chart example:
<Vector2DChart showDataTips="true">
...
<series>
<Vector2DSeries xField="date" velocityField="speed" degreeField="degree">
...
</Vector2DSeries>
</series>
</Vector2DChart>