Radar Charts
10 radar/spider chart variants rendered live with Canvas2D. Hover, compare, and watch animations — every chart below is powered by DiCharts.createRadarChart()
Radar Chart
Single-series radar with polygon grid and filled area — ideal for stat profiles.
Radar Chart - Dots
Data-point dots on each vertex for precise value identification on hover.
Radar Chart - Multiple
Two overlapping series for direct comparison — each with a distinct colour.
Radar Chart - Lines Only
No area fill — stroke-only rendering for cleaner overlapping multi-series comparison.
Radar Chart - Custom Label
Custom axis label formatter with emoji prefixes for visual categorisation.
Radar Chart - Grid Circle
Circular grid lines instead of polygon — a smoother, more traditional radar look.
Radar Chart - Grid Filled
Alternating filled grid bands for visual depth — makes value ranges easier to read.
Radar Chart - Legend
Three series with auto-generated legend — compare cloud providers at a glance.
Radar Chart - Radius Axis
Value labels along the first spoke show the numeric scale for precise reading.
Radar Chart - Interactive
Hover to highlight a series and see a tooltip. Non-hovered series dim to 15% opacity.
All variants, one API
Every chart above is created with a single DiCharts.createRadarChart(container, options) call. Switch between polygon and circular grids with gridType, add multiple series with series, show dots with showDots, and enable hover effects with interactive + showTooltip. Pure Canvas2D — works in every browser, no WebGPU required.