GDP per capita of 10 largest economies

100%

GDP per capita of 10 largest economies

✓ Published0🌍 Public

Last edited Apr 26, 2015

Created on Apr 26, 2015

The chart displays the GDP per capita of the ten largest economies from 1960 to 2014, using a multi-line time series. The United States, Japan, and China are highlighted in red to stand out, while the remaining countries are shown with default styling. The data is loaded from a CSV file, and each country's yearly values are reshaped into an array of year-amount pairs. The visualization is built with D3 v3, utilizing `d3.time.scale` for the x-axis, `d3.scale.linear` for the y-axis, and `d3.svg.line` to draw each country’s trajectory as an SVG path.

AI-generated description

Similar vizzes

Loading thumbnail…

Bar Chart - Top 10 Highest Populated Countries

This bar chart shows the top 10 most populated countries, ranked by their GDP in USD. The visualization uses d3.csv to load world data from a remote GitHub-hosted CSV file, then sorts the data in descending order and selects the first ten entries. Rectangular bars are rendered in SVG, with d3.scaleBand and d3.scaleLinear mapping countries and GDP values to x and y positions. The code adds rotated x-axis labels for readability and applies d3.axisBottom and d3.axisLeft for the chart's axes.

VVishnu Sudireddy

75% match

Loading thumbnail…

Pie Chart of top 10 countries in terms of GDP

This pie chart visualizes the GDPs of the top 10 countries, with each slice labeled by its value in thousands and a legend listing country names and corresponding figures. The chart uses d3.pie() and d3.arc() to generate the SVG paths, with d3.scaleOrdinal assigning colors to each segment. Data is loaded via d3.csv from a GitHub gist, and d3.format is applied to abbreviate numbers. Text labels are positioned using the arc centroid method.

SSRI RAM REDDY KOTERU

75% match

Loading thumbnail…

Population of top 10 countries

This bar chart ranks the top 10 countries by nominal GDP, using horizontal bars sorted by value. It is rendered as SVG with D3 v5, using `csv` to load the data, `scaleLinear` and `scaleBand` for axes, and `axisLeft` and `axisBottom` for ticks. The bars are drawn as `rect` elements with steelblue fill, and the data comes from `data.csv`.

KKazushige Okuma

74% match

Loading thumbnail…

Pie Chart

A pie chart displays GDP per capita for ten countries from a CSV file, with color-coded slices and a legend showing country names and GDP values in billions. Built with D3 v5, the visualization uses `d3.pie()` and `d3.arc()` to generate SVG paths, `d3.scaleOrdinal` for color mapping, and `d3.format` for numeric labels. The data is loaded asynchronously via `d3.csv` from a gist URL, and the legend is manually positioned with rect and text elements.

Uubl2

72% match

Loading thumbnail…

countries GDP in 2015 or before

This scatter plot visualizes countries' population and GDP from a 2015-or-earlier dataset, with each circle representing a country. The x-axis maps population in millions, while the y-axis shows GDP in millions of USD. The chart uses D3’s scaleLinear, extent, axisLeft, and axisBottom to construct axes. Circles are rendered via SVG, and each includes a title element showing detailed country data on hover. The reusable scatterPlot function, inspired by Towards Reusable Charts, is configured with margin, radius, and text value setters. The code loads CSV data from a GitHub repository using d3.csv.

KKerim

72% match

Loading thumbnail…

Bubble Chart GDP by Country

This bubble chart displays GDP by country for 2016, with each bubble’s size encoding the GDP value and its color indicating the region. The visualization is built with D3 v5 using the `d3.pack` layout and `d3.hierarchy` to structure the data, rendered as SVG circles with text labels. Tooltips appear on mouseover, showing the country name and formatted GDP. The data is loaded via `d3.csv` from a World Bank dataset hosted in a GitHub gist.

663anp3ca

71% match

Loading thumbnail…

Line Chart

This line chart visualizes GDP growth for top countries across 2017–2018, using a time-scaled x-axis and linear y-axis. The SVG rendering relies on D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to draw the path. Data is loaded from a CSV via `d3.csv`, with axis labels styled through CSS. The chart includes grid lines and a single red trend line, with the y-axis tick format simplified using a custom formatting function.

SSRI RAM REDDY KOTERU

71% match

Loading thumbnail…

Making a bar chart

A bar chart displays the GDP of ten countries, with countries on the y-axis and GDP values on the x-axis. The chart uses d3.scaleLinear for the x-scale and d3.scalePoint for the y-scale, rendering circles instead of bars via SVG. Axes are generated with d3.axisLeft and d3.axisBottom, while GDP labels are formatted using d3.format with a custom tick format. Data is loaded from a CSV file using d3.csv, and the visualization is styled with CSS for tick text and axis labels.

AAlain Jennotte

71% match