Clock with Two Faces
amCharts Radar Chart can be used for tasks beyond your common data visualization. In this case, we create a functioning clock with separate faces for hours/minutes and seconds.
Key implementation details
To get two clock faces with just add two circular value axes to the Radar chart. We then configure clock hands with the same radii as the respective axes.
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 dual-face analog clock using a circular gauge chart with two concentric circular axes. The outer face shows hours with hour and minute hands. The inner face at smaller scale shows seconds with a red second hand and red center pin. Add circular tick marks for minute indicators on the outer face, numbered labels inside the outer axis, and a center label displaying the current date. Update every second with smooth animations. Calculate fractional hand positions for smooth, continuous movement. Handle the second hand's 59-to-0 transition to prevent backward rotation. Add a listener to ensure accurate time when the page becomes visible again. Use amCharts 5 library.
Demo source