OCDE's GDP per capita

100%

OCDE's GDP per capita

✓ Published0🌍 Public

Last edited Apr 8, 2015

Created on Apr 8, 2015

This chart displays GDP per capita trends for OECD countries from 1995 to 2013 using a small-multiples layout of sparklines. Each country is represented by a small line chart showing its annual GDP per capita values, colored and scaled to reveal relative economic performance across the set. The visualization uses D3 v3 to render SVG line paths from the CSV data, with a focus on highlighting individual country trajectories while enabling cross-country comparison.

AI-generated description

Similar vizzes

Loading thumbnail…

OCDE's GDP per capita

This visualization displays the evolution of GDP per capita for 15 OECD countries from 1995 to 2013, using D3.js with SVG rendering. The data is sourced from a gist by acurvadegauss. Each country is represented by a line that traces its GDP per capita trajectory over time, plotted against the year on the x-axis and GDP value on the y-axis. The line chart allows viewers to compare economic performance across countries, highlighting trends such as Luxembourg's consistently high GDP, the rapid growth of Eastern European nations like Estonia and Latvia, and the impact of the 2008 financial crisis visible in the dip around 2009 for many countries.

Aacurvadegauss

91% match

Loading thumbnail…

GDP per capita of 10 largest economies

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.

DDanielleW

73% match

Loading thumbnail…

GDP Average Chart

This D3.js bar chart visualizes the 2023 GDP per capita for the top 50 countries, using a green circle for each nation plotted along a categorical x-axis and a linear y-axis. Circles are positioned using `d3.scaleBand` and `d3.scaleLinear`, with interactive tooltips revealing the country name and GDP on hover. The SVG chart, built with `d3.svg` and `d3.axisBottom`/`d3.axisLeft`, reads data from the included `TopGDPCountries.csv` file, rotating x-axis labels for readability. Data originates from Worlddata.info.

Mmhzahdeh@dons.usfca.edu

73% match

Loading thumbnail…

Exercise Module 4

This chart compares GDP per capita (left) and the top 1%'s share of income (right) for five countries in 2010, using side-by-side horizontal bar charts. The bars are sorted by GDP per capita, with a shared ordinal y-axis for country names. Built with D3 v3 and rendered as SVG, it encodes each measure with a linear scale and provides hover tooltips.

Aamerval

72% match

Loading thumbnail…

Percent change GDP

This line chart shows the percent change in GDP for 55 countries from 1990 to 2014, with each country represented by a single multi-line series. The chart uses conventional margins and D3 v4 features including d3.tsv for data loading, d3.time.scale for the x-axis, d3.scale.linear for the y-axis, and d3.scale.category10 for color encoding. Data is parsed from a TSV file with d3.tsv, dates are parsed using d3.time.format, and the chart computes domains with d3.extent, d3.min, and d3.max. Axes are rendered with d3.svg.axis and the lines with d3.svg.line. The visualization reveals the varying economic growth trajectories across 55 countries from 1990 onward, with noticeable divergences and spikes in percent change GDP over time.

Aandrewwitherspoon

72% match

Loading thumbnail…

GDP per capita

This visualization shows GDP per capita trends for continents from 1970 onward, highlighting values on hover. It uses Vega-Lite APIs to build layered line, rule, and text marks, with interactive selection via `vl.selectSingle()`. Data is loaded asynchronously from a CSV via d3’s `csv` function, filtered to selected regions and series. The chart is rendered with Vega’s SVG renderer, and a guide title and labels are customized through the config object.

Rrohame

72% match

Loading thumbnail…

Gapminder GDP per Capita (Scatter Plot)

This scatter plot visualizes the change in per-capita GDP for various countries from 1800 to 2100. A logarithmic scale on the y-axis reveals the wide range of economic output, from under 500 to over 25,000 dollars, with individual points representing a country-year pair. Built using D3 v7, the visualization uses `csvParse` to load the wide-format Gapminder Foundation data, transforms it into a long format, and renders each data point as a semi-transparent circle, with linear and log scales for the temporal and GDP axes, respectively.

Sskasliwal@wpi.edu

71% match

Loading thumbnail…

GDP Choropleth Viz

A world map colored by GDP per capita displays each country’s economic standing for a selected year, controlled by a slider. Hovering over a country updates a line plot showing that nation’s GDP trend over time, with red and green reference lines marking the current year’s value. The visualization combines a `d3.geoEqualEarth` projection rendered as SVG with `d3.scaleLinear` color encoding, alongside a linked line chart built using `d3.line` and axis components. GDP data originates from a CSV file, while country boundaries use a GeoJSON source.

TTom Heffernan

71% match