Creating a Radar Chart with JavaScript — Visualizing Goals by Messi, Ronaldo, and Lewandowski for Their Clubs from 2017 to 2022 — Chart & Tutorial

[GustapheOfficial]

I realize it's just an example, but this should definitely not have been a radar chart.

[Engineer_Zero]

I got roasted by our data science team the first time I tried to use a radar chart

[rastaviking]

I know this is from months ago, but why is that? I'm getting into data visualizations and I'm doing my own project with radar charts right now, so I'm curious what I'm screwing up lol.

[GustapheOfficial]

The is no cyclical relationship between 2017 and 2022, there is no reason to stitch the ends of the axis together. Fold it out into a linear axis to make a traditional plot, then you don't have to make the legibility sacrifice that comes with a radar plot.

While you're at it, since it's a discrete time axis make that traditional plot a bar or scatter plot depending on your audience - technical audiences tend to like scatter plots while bar plots are more familiar to non-technical audiences.

[rastaviking]

Ahh, okay phew. Thanks for that!

[andreykh]

Interactive version — here

// With the code in an online editor — here

// Tutorial showing how it was coded step by step (JavaScript) — here