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

100%

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

✓ Published0🌍 Public

Last edited May 3, 2015

Created on May 3, 2015

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.

AI-generated description

Similar vizzes

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

76% 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

75% match

Loading thumbnail…

Gender Inequality Indices

A horizontal bar chart shows the share of parliamentary seats held by women across countries, sorted from highest to lowest percentage. D3 v3 loads the CSV data, sorts it, and renders SVG rectangles scaled by the value. The code uses `d3.scale.linear` for the bar widths, `d3.scale.ordinal` for country positions, and `d3.svg.axis` for labeled axes. Hovering a bar reveals a tooltip with the country name and its exact value.

BBeaupe

73% match

Loading thumbnail…

Gender Inequality Indices

This visualization shows the share of parliamentary seats held by women for each country in the dataset, displayed as a horizontal bar chart sorted in descending order. Each bar’s length is proportional to the percentage value, and hovering over a bar reveals the country name and exact figure via a tooltip. The chart is rendered as SVG using D3 version 3, with data loaded from a CSV file and sorted using the `d3.descending` comparator. The data originates from data.un.org.

BBeaupe

72% match

Loading thumbnail…

Gender Inequality Indices

This visualization displays the percentage of parliamentary seats held by women for each country, ranked in descending order as a horizontal bar chart. The bars are rendered as SVG rectangles, with each bar's length proportional to the country's share of seats. The chart uses D3 version 3, fetching data from a local CSV file containing UN gender inequality data. Hovering over a bar reveals a tooltip with the country name and its exact parliamentary share percentage.

BBeaupe

71% match

Loading thumbnail…

Untitled

An interactive bar chart displays GDP per capita for a selection of countries, with bars rendered as SVG rectangles. Hovering over a bar highlights it in orange and displays a label with the country name and value, while a checkbox button toggles sorting of the bars in descending order. The visualization uses d3.v4 scales, axes, and transitions for animation, with data hardcoded in a JavaScript array and styled via CSS classes.

Ppriyankab23

70% match

Loading thumbnail…

Bar Charts

This horizontal bar chart visualizes the female percentage of total population for selected countries in 2018. The chart uses a linear scale for population values and a band scale for country labels, with axis functions `axisLeft` and `axisBottom` generating the grid. Data is loaded from a CSV using `d3.csv`, and each bar is rendered as an SVG rectangle. The source is World Bank staff estimates based on United Nations Population Division data, styled with forest green fills.

LLinn

69% 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

69% match