Skip to main content
100%

Income Per Capita - by country

✓ Published0🌍 Public
Aanuratim
Last edited Apr 24, 2015
Created on Apr 24, 2015

This visualization plots income per capita for each country using a diverging color scale on an SVG-based world map built with d3.v3. Country-level income data from WHO_data.csv is joined to geographic boundaries, with each nation filled by its income category. The view uses a sequential color encoding to reveal global income inequality, with tooltips to display exact values and country names on hover. The map projection and layout provide a clear, at-a-glance comparison of economic disparities across continents.

AI-generated description

Similar vizzes

Loading thumbnail…

Income Per Capita - by country

This visualization shows income per capita by country as horizontal bars of varying length, one per country in the dataset. The chart is built with D3 v3 and rendered as SVG. Each bar’s length encodes the country’s incomePerCapita value, with countries listed in the order they appear in the CSV source data. The visualization is static—it does not include sorting, transitions, axes, labels, or interaction. The bar colors are uniform, and the chart focuses on raw comparison of per-capita income across countries. Data comes from the WHO dataset provided by anuratim.

Aanuratim
90% match
Loading thumbnail…

Interactive Map - Countries by Income

This interactive map displays countries color-coded by income group using a natural Earth projection. A legend to the left allows filtering by income category, dimming non-matching countries while highlighting selected ones. Built with D3 v5, the visualization uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom` for panning and zooming. Country boundaries come from TopoJSON data sourced from the World Atlas, with income values joined from TSV metadata. The color scale uses `d3.scaleOrdinal` with sequential blue schemes.

Aannadehtiarova
81% match
Loading thumbnail…

Income per capita vs. Life expectancy

This animated scatterplot uses d3.v3 with SVG to compare income per capita and life expectancy across countries. Each dot represents a country, positioned by income per capita (x-axis) and life expectancy (y-axis), with an animation that reveals the data points over time. The visualization reads from a CSV file containing WHO data for over 40 health and demographic indicators, allowing users to explore the relationship between economic prosperity and health outcomes.

Aanuratim
80% match
Loading thumbnail…

World Income For Country With GDP: CSCE 5320

This interactive D3.js visualization explores world country income and energy data, comparing GDP per capita against purchasing power parity through a scatterplot of point marks. Users navigate five design stages that progressively add categorical region hues, quantitative population sizing, and intentionally broken then repaired chart configurations. The visualization uses SVG rendering with animated transitions, D3 scales for logarithmic and linear axes, and a color legend mapping regional categories. Data loads from a CSV file containing country-level income, population, and region attributes, with tooltips and summary statistics supporting the analysis.

Eeko.5samuel@gmail.com
80% match
Loading thumbnail…

Income level classifications

This interactive choropleth map visualizes World Bank income level classifications for countries, using a purple color scale to show GDP-based categories such as low, lower-middle, upper-middle, and high income. Built with D3 v5 and topojson, it loads geographic and tabular data from `world-atlas`, projects countries with `geoNaturalEarth1` and `geoPath`, and applies a custom legend component. Hovering highlights individual countries, while the legend displays the income categories and their corresponding colors. The map provides a global view of wealth distribution, contrasting with the donut charts from the original article.

王王神鐸
78% match
Loading thumbnail…

Countries by Income - Choropleth Map

This choropleth map colors countries by income group using an ordinal color scale with a blue scheme, showing each nation’s classification on a natural Earth projection. The visualization supports zooming and includes a custom color legend with circles and labels. Built with D3 v5, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map rendering, `d3.zoom` for interaction, and `d3.scaleOrdinal` for color mapping. Data combines TopoJSON world geometry with TSV metadata from the world-atlas package.

Aannadehtiarova
76% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global income groups by coloring each country according to its income_grp property. The map uses a natural Earth projection and fills countries with colors from a spectral ordinal scale, with a background legend showing the color categories. Built with D3 v5, the code loads world geometry from TopoJSON and income data from TSV files, then renders the map as SVG paths with zoom support via d3.zoom. The color legend is implemented as a reusable component, and hovering highlights individual countries.

Aanuj1450
76% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global income groups, with each country colored according to its economic classification from the world-atlas dataset. The visualization uses a D3 v5 SVG rendering with a natural Earth projection, allowing users to pan and zoom through the interactive geoPath features. The map employs an ordinal color scale with a spectral scheme, while a custom legend (colorLegend.js) displays the categorical colors with circle markers. The data loads asynchronously from TSV and TopoJSON files via Promise.all, with country names and income group values shown as tooltips on hover.

Ccaydener
75% match