Skip to main content
100%

Africa GDP

✓ Published0🌍 Public
Aandrewwitherspoon
Last edited Jan 16, 2018
Created on Jan 16, 2018

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.

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>

forked from <a href='http://bl.ocks.org/andrewwitherspoon/'>andrewwitherspoon</a>'s block: <a href='http://bl.ocks.org/andrewwitherspoon/479c3d37010739023f8dfc5830b937f7'>Percent change GDP</a>

mit Licensed

Similar vizzes

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

Loading Data

This example visualizes GDP per capita trends for ten African countries from 2014 to 2023 using a multi-line chart. It loads data from the World Bank API via `fetch`, then renders time-series paths with the `d3.line` generator, and scales the axes with `scaleTime` and `scaleLinear`. A color-coded legend identifies each country, while the axes and title adopt a crimson palette. The visualization builds its SVG dynamically with `select`, `join`, and `axisBottom`/`axisLeft`, updating on container resize.

BBismark Kofi Owusu Sarfo
78% match
Loading thumbnail…

fresh block

This scatterplot compares GDP and GDP per capita for 48 Sub-Saharan African nations in 2015, using data from a CSV file. Each circle represents a country, positioned by its gross domestic product on the x-axis and GDP per capita on the y-axis. The visualization highlights how most nations cluster below a $2,000 annual per-capita income, with only a few outliers like Equatorial Guinea and Seychelles reaching significantly higher values. Tooltips provide additional detail, and the chart is built with D3 v4 using SVG rendering, with an emphasis on the economic disparity across the region.

EEd190
76% match
Loading thumbnail…

fresh block

A scatterplot shows the evolution of Gross Domestic Product (GDP) for Sub-Saharan African countries, with each point encoding GDP on the vertical axis and year on the horizontal axis, while the size of each point reflects population. The visualization filters the source CSV data to exclude missing values before plotting. It uses d3.v4 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.scaleSqrt` for circle area, and `d3.scaleOrdinal` for color, all styled with the Amatic SC and Roboto fonts.

EEd190
74% match
Loading thumbnail…

Fork of Circles with D3

This example visualizes the GDP per capita for ten African countries from 2014 to 2023 as a multi-line chart. The D3 v7 code fetches World Bank API data, scales time and linear axes, and renders polylines via `d3.line`. A legend identifies each country by its line color. Axes and title are styled in crimson tones, while tooltips are implied but not shown in the provided code.

BBismark Kofi Owusu Sarfo
72% match
Loading thumbnail…

African Populations

This horizontal bar chart displays the population of African countries in 2019, sorted by country name. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Population values from the United Nations World Population Prospects are loaded via `csv` and formatted with `format('.3s')`, replacing 'G' with 'B' for billions. The chart includes axis labels, gridlines, and a title, with bars filled in steelblue.

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