Skip to main content
100%

Fork radar chart

✓ Published0🌍 Public
Sste.jendritz@gmail.com
Last edited Dec 2, 2024
Created on Dec 2, 2024

This fork radar chart compares the economic freedom of China and the United States across 12 indices, using data manually entered from the World Economic Freedom Index dataset, with animated SVG rendering. The chart displays two colored polygon blobs overlaid on a circular grid of five concentric levels, allowing immediate visual comparison of strengths and weaknesses between the countries. The code adapts Nadieh Bremer’s original radar chart implementation, using d3.scaleOrdinal for colors, d3.scaleLinear for the radial axis, and d3.format for percentage labels, while supporting flexible axis counts and rounded strokes.

AI-generated description

This is a gorgeous radar chart designed by Nadieh Bremer. So far I am doing well on integrating it with my World Economic Freedom Index dataset, although some further changes are still necessary for better interpreting. You can see from the chart that the data indicates that the economic of the United States is generally more free than the economic of China, except for the two aspects, Fiscal Health and Government spending. <br> Here're my findings and future improvement ideas:

  • The radar chart is flexible with the number of axis. It is not fixed, so you can have as many axises as you like. Here I have 12 indexes describing the economic freedom. Hence, my radar chart is a 12-axis chart.
  • The function of the scale need to be changed according to need. The 'default' function is about the percentage.
  • The max value of the axis is not fixed too. It is depending on the data you entered in. Changes are needed if you want the fixed maximum value.
  • It is so frustrating that the data entry is by typed not imported from csv or json. I think that for the future improvements I can use d3 to import formated data instead of typing.
  • There's no tooltip by placing the mouse on the inner information, which means that you cannot tell whether the red is China or not unless checking the src. I think I can add a tooltip to the radar chart to make it better.
MIT Licensed

Similar vizzes