Skip to main content
100%

Smoothed Radar Chart

✓ Published0🌍 Public
KKuerzibe
Last edited Mar 15, 2019
Created on Mar 15, 2019

This example presents a smoothed radar chart, also known as a spider graph, for comparing the budget allocation and actual spending of an organization across six categories like Sales and Marketing. Three distinct data series are overlaid as colored, semi-transparent polygons, with an interactive legend and axis labels. The visualization is built using the D3.js library (v5) and renders as an SVG with a custom `RadarChart` function that handles circular grids and curved paths. It also supports animation, a configurable maximum value, and a unit suffix for the data format.

AI-generated description

Radar chart / Spyder graph

Some modifications (adaptating it for d3 v4, adding support for legend) around the code from "A different look for the D3 radar chart".

forked from <a href='http://bl.ocks.org/mthh/'>mthh</a>'s block: <a href='http://bl.ocks.org/mthh/7e17b680b35b83b49f1c22a3613bd89f'>Radar Chart d3 v4</a>

forked from <a href='http://bl.ocks.org/Coola85/'>Coola85</a>'s block: <a href='http://bl.ocks.org/Coola85/80cea5d2feec6813fbd19ed801daf433'>Radar Chart d3 v4</a>

mit Licensed

Similar vizzes