A bit more than 2 years ago I wrote a small blog about making the D3 radar chart look a little better. I know that opinions are diverse about the usefulness of these types of charts. But I can’t deny that I personally have a love for circular charts, I’m sorry. I even keep a Pinterest board specifically for circular data visualizations :)
Since that chart in the blog from over 2 years ago I haven’t created another radar chart actually, until a small project came by right before the start of the summer.
Slowly I started to change things to the code, because I wanted a different look, but also to simplify the code, use different functions or different SVG elements. In the end I ended up with a new radarChart function that probably only contains 10% of the original code and that looks rather different (as you can see below).
The two biggest appearance changes are a circular grid in the background, adding the option to choose smooth connecting lines and adding an SVG glow filter around the stroke (I just liked the look. I’ll write a different blog about SVG filters and gradients in D3.js later)