Skip to main content
100%

OCDE's GDP per capita

✓ Published0🌍 Public
Aacurvadegauss
Last edited Apr 12, 2015
Created on Apr 12, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

OCDE's GDP per capita

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.

Aacurvadegauss
91% 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
75% 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
74% 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…

Percent change GDP

This multi-series line chart visualizes the annual percent change in GDP for 20+ countries from 2000 to 2016, with each country represented by a colored line. The x-axis encodes time using d3.time.scale, while the y-axis uses a linear scale for percent change values. Data is loaded and parsed from a TSV file using d3.tsv, with dates parsed via d3.time.format. The chart computes its domains using d3.extent, d3.min, and d3.max, derives column names via d3.keys, and applies color encoding with d3.scale.category10. Axes are rendered using d3.svg.axis, and the multi-series lines are drawn with d3.svg.line. The visualization uses conventional margins and an SVG rendering, displaying each country's annual GDP percent change since the year 2000.

Aandrewwitherspoon
73% 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
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…

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
72% match