Skip to main content
100%

Top 1% share of income in selected countries

✓ Published0🌍 Public
Aamerval
Last edited Mar 18, 2015
Created on Mar 18, 2015

The visualization tracks the share of national income held by the top 1% across twelve countries from 1910 to 2010, revealing divergent long-term trends such as the U-shaped pattern in the US and UK versus flatter trajectories in Denmark and Japan. It uses D3.js with an SVG line chart, where each country is drawn as a separate path via `d3.line` and `d3.axisBottom` for the time axis. The data comes from the provided CSV files, with missing values handled by filtering to a complete subset for the main series.

AI-generated description

Similar vizzes

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

Exercise Module 2

This example compares GDP per capita and the top 1%’s share of income for five countries using two side-by-side bar charts rendered as SVG. Each bar’s width encodes the respective measure, and hovering reveals a tooltip with the country name and value. The data, loaded from a CSV file, is sorted by GDP per capita before rendering. The visualization uses D3 v3 to bind data, create rectangles with rounded corners, and append title elements for interactivity.

Aamerval
75% match
Loading thumbnail…

Income Inequality Pseudo-viz

The visualization displays the top 10 countries by income inequality, using Gini coefficients from OECD data, with bar lengths proportional to inequality values. It uses D3 v7’s data join and selection methods to render rectangles, with a placeholder for future color coding to distinguish G7 members. The current implementation manually embeds a small dataset in JavaScript rather than loading the full CSV, and only the `length` encoding is applied.

IIshaChid76
73% match
Loading thumbnail…

Income Inequality

This visualization displays income inequality trends across countries using Gini coefficients, which range from 0 (perfect equality) to 1 (perfect inequality). The chart plots each country’s Gini index over time, allowing comparisons between nations and regions. The data is loaded from a CSV file and parsed using D3’s `csvParse` function, with numeric fields converted to numbers. The visualization dynamically updates its state through a custom `setState` function, re-rendering the display whenever new data is fetched or processed.

IIshaChid76
70% match
Loading thumbnail…

Inequality Shares (for countries we have data - Worldbank database)

This example visualizes income-share inequality across countries using Worldbank data, rendered as an animated parallel bar chart. Two mirrored horizontal bar sets are linked by curved edge polygons, comparing income shares by quintile between two years. The visualization uses D3 v3 with SVG and animation, highlighting distributional shifts through color-coded sub-bars and smooth transitions.

BBenHeubl
69% match
Loading thumbnail…

Population of top 10 countries

This bar chart ranks the top 10 countries by nominal GDP, using horizontal bars sorted by value. It is rendered as SVG with D3 v5, using `csv` to load the data, `scaleLinear` and `scaleBand` for axes, and `axisLeft` and `axisBottom` for ticks. The bars are drawn as `rect` elements with steelblue fill, and the data comes from `data.csv`.

KKazushige Okuma
69% 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
69% match
Loading thumbnail…

ICE 6

This visualization displays income levels for the top 20 countries using a horizontal bar chart rendered as SVG. The chart maps each country’s income to bar width via a d3.scaleLinear x-axis, while a d3.scaleBand y-axis positions the bars by country name. React’s useState and useEffect hooks load and parse the CSV data, and d3.csv fetches the dataset, which is then sliced to the first 20 rows. The visualization demonstrates a clean, static comparison of income values with labeled axes and blue gridlines.

AAmar09nath
68% match