Skip to main content
SimilarExport ZIP
100%

Income Inequality Pseudo-viz

✓ Published0🌍 Public
IIshaChid76
Last edited Feb 5, 2023
Created on Feb 5, 2023
Forked from Marks and Channels

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.

AI-generated description

This is a pseudo viz for top 10 highest income inequality among countries and later I will add one more info which is if the countries are among the G7 or not through color distinction.

MIT Licensed

Similar vizzes

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

Customizing Axes

This bar chart displays the Gini index for the top five most income-inequal countries, with country names on the y-axis and the Gini value on the x-axis. The chart uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG, while custom tick formatting converts values to abbreviated forms. Axes are styled with removed domain lines, colored ticks, and custom labels for the title and axis. Data comes from the CIA World Factbook, loaded via `d3.csv`.

Jjlbullerc
77% 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
76% 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
73% 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
73% 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
73% 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
73% match
Loading thumbnail…

Ice 7 Pie Chart-2

This visualization presents a pie chart of countries by income, sourced from a CSV file fetched via D3’s `csv` method. Each slice’s color is mapped using `scaleOrdinal`, while `d3.arc` and `d3.pie` generate the segment paths and text labels positioned via the arc centroid. A legend on the right lists each country with its income value, formatted using D3’s `format` function. The chart renders in SVG with a title, using D3 v5.

AAmar09nath
73% match