Skip to main content
SimilarExport ZIP
100%

[Version3]Economic Freedom Index Radar Chart-China vs US

✓ Published0🌍 Public
Hhotdoujiang
Last edited Oct 27, 2019
Created on Oct 2, 2019

This interactive radar chart compares Economic Freedom Index scores for China and the United States across twelve indicators. A dropdown menu lets users switch between the two countries, revealing the respective data as a colored polygon. The visualization is built with React and D3.js, adapting Nadieh Bremer’s radar chart design. It uses `d3.scaleOrdinal` for color and a custom `RadarChart` function to render circular axes, levels, and area blobs. The data is embedded directly in the code, with values normalized to a 0–100 scale.

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.

Here are the modifications based on last version

  • Add the menu
MIT Licensed

Similar vizzes

Loading thumbnail…

[Version2]Economic Freedom Index Radar Chart-China vs US

This radar chart compares the economic freedom of China and the United States across twelve dimensions, such as property rights, tax burden, and financial freedom. Two colored polygons represent each country’s scores, normalized to percentages and visualized using D3.js version 5 with SVG rendering. The chart uses a scaleOrdinal for colors, a linear radius scale for values, and optional animations. Data comes from the World Economic Freedom Index, with China shown in gold and the US in red.

Hhotdoujiang
94% match
Loading thumbnail…

Economic Freedom Index Radar Chart-China vs US

This radar chart compares economic freedom between China and the United States across 12 indices, revealing that while the U.S. generally scores higher, China leads in fiscal health and government spending. Built with D3 v5, the visualization uses an animated, round-stroked SVG radar layout adapted from Nadieh Bremer’s design, with custom scales for percentages and interactive color encoding via `d3.scaleOrdinal`. Data is embedded directly in the script rather than imported from external files.

Hhotdoujiang
93% match
Loading thumbnail…

[Version2]Economic Freedom Index Radar Chart-China vs US

This radar chart compares China's economic freedom scores across twelve metrics, including property rights, tax burden, and financial freedom. It uses the D3.js framework, specifically leveraging a custom `RadarChart` function that draws SVG paths with animated, rounded strokes. The data is loaded directly from the Index.js file, not external sources, and the chart is styled with CSS using Google Fonts. The visualization is based on a design by Nadieh Bremer, adapted for this specific economic dataset.

Rrwata97
93% match
Loading thumbnail…

Fork of Economic Freedom Index Radar Chart-China vs US

This visualization shows a 12-axis radar chart comparing economic freedom between China and the United States across indices such as Property Rights, Tax Burden, and Financial Freedom. It uses D3 v5 to render an SVG with grid levels, filled polygon blobs, and one of the two highlighted in red. The data is hardcoded as an array of objects, rather than imported from an external file, and animated transitions are not present despite the SVG rendering. This work is adapted from a design by Nadieh Bremer.

Llimenzi
92% match
Loading thumbnail…

Fork of [Version2]Economic Freedom Index Radar Chart-China vs US

The visualization compares economic freedom between China and the US across twelve indicators using a radar chart. It displays two overlapping polygon blobs, colored orange and red, with labeled axes for metrics like property rights and trade freedom. Built with D3 v5, it uses d3.scaleOrdinal for colors and d3.scaleLinear for the radial scale, rendering SVG shapes with round strokes. Data values are normalized percentages from the World Economic Freedom Index, and the chart includes interactive tooltips.

SShubham Sharma
92% match
Loading thumbnail…

Untitled

This example shows a 12-axis radar chart comparing the economic freedom of China and the United States, using 12 indicators from the World Economic Freedom Index dataset. The chart displays two colored polygons, one for each country, overlaid on a grid of concentric levels, with axis labels and percentage values. It uses D3.js to compute the scales and paths, applying a linear radius scale (`d3.scaleLinear`) and a cardinal-closed curve (`roundStrokes`) for a smooth silhouette. The data is hardcoded as arrays of key-value pairs, and the `RadarChart` function customizes the chart’s dimensions, margins, and color scheme.

Hhotdoujiang
86% match
Loading thumbnail…

Fork of Radar de Competências

This fork of Nadieh Bremer’s radar chart visualizes ten economic-freedom indicators for two countries, though the current dataset includes only one series (self-assessment) and displays a comparison against a class average. The D3 v5 code draws a rounded, 10-axis SVG radar chart with five concentric levels, scaling each axis to a maximum value of one. The implementation uses `d3.scaleOrdinal` for colors, `d3.scaleLinear` for radial mapping, and `d3.format` to display percentages, with hardcoded data in the JavaScript source.

Bblueyjuice
77% match
Loading thumbnail…

CS360 A2 Dot Plot

This dot plot compares the percentage of men and women in the United States and China across different age groups. Blue dots represent US data points, while red dots represent Chinese data points, plotted on shared axes with tick labels. The visualization uses the Processing library via p5.js, loading data from a CSV hosted on GitHub. It calculates axis ranges dynamically from the dataset and projects each data point onto the canvas using the `map()` function, with custom-drawn axes and labels.

EEric Yao
67% match