Skip to main content
100%

Percent change GDP

✓ Published0🌍 Public
Aandrewwitherspoon
Last edited Aug 15, 2017
Created on Aug 15, 2017

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.

AI-generated description

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3884955'>Multi-Series Line Chart</a>

mit Licensed

Similar vizzes

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
94% match
Loading thumbnail…

Africa GDP

This line chart displays the annual GDP percent change for 52 African countries from 2008 to 2013, with each country represented by a separate line colored using d3.scale.category10. The data is loaded from a TSV file, and the visualization uses d3.tsv for parsing, d3.time.format for dates, d3.time.scale for the x-axis, and d3.scale.linear for the y-axis. Hovering over the chart reveals the specific country's values through an interactive tooltip, making it easy to compare economic growth trends across the continent. The chart is rendered with SVG and follows conventional margins.

Aandrewwitherspoon
78% 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
77% 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
76% 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
75% match
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
75% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot shows the relationship between GDP per capita and year for seven selected countries—China, the United States, India, Japan, Russia, Brazil, and France—between 1990 and 2014. Each circle represents a country-year observation, colored by country, with axis labels and a color legend. The visualization uses D3 v4’s scaleLinear, axisBottom, axisLeft, and legendColor APIs, rendering SVG circles. Data comes from Our World in Data, filtered from a CSV file containing internet usage, GDP, and population metrics.

QQ-Zhao
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
73% match