Compass Chart
This multi-arrow RadarChart uses built-in animation routines to dynamically change start and end angles of the whole chart to imitate rotating of a compass dial.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a compass chart using a circular gauge. Display cardinal and intercardinal direction labels (N, NE, E, SE, S, SW, W, NW) around the perimeter, with secondary tick marks every 5 degrees at reduced opacity. Add two needles: a red north-pointing hand and an opposing south-pointing hand. Simulate compass rotation every 2 seconds by smoothly rotating the dial to random angles, while the north and south needles remain locked to their fixed cardinal orientations independent of the spinning dial beneath them. Use amCharts 5 library.
Demo source