The Euro Debt Crisis

100%

The Euro Debt Crisis

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Oct 24, 2011

This visualization presents two chord diagrams comparing international debt relationships during the Euro crisis: one showing how much each country lends (creditors) and another showing how much each owes (debtors). Built with D3 v3, it uses the `d3.layout.chord` and `d3.svg.chord` APIs to render arcs and quadratic Bézier chords from a CSV matrix. The ordinal color scale highlights risk categories, and hover tooltips display exact amounts in billions.

AI-generated description

Bill Marsh created a nice visual guide to the Euro debt crisis in today’s New York Times using a custom graph layout with directed edges. An alternative approach to visualizing asymmetric relationships among a group of entities is a chord diagram. Chord diagrams don’t show indirect relationships as well, but they better convey the magnitudes of the debt for each country.

This visualization uses two chord diagrams. The diagram on the left emphasizes how much each country lends (creditors); you can see Japan and France are the biggest lenders, but France is also the most exposed by its risky debts to Italy and Greece. The diagram on the right emphasizes how much each country owes (debtors); the United States has by far the largest debt, nearly three times the size of the next-largest debtor, Britain!

Built with D3.js.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Gist 6167722

This example visualizes the financial crisis aid amounts used by EU member states from 2008 to 2011, breaking down total aid into categories like recapitalisation, guarantees, asset relief, and liquidity measures. It uses a treemap layout with `d3.layout.treemap` and `d3.scale.ordinal` for color encoding, displaying each country’s aid value as a percentage of its 2011 GDP. The chart is rendered using `d3.svg` and `d3.text` to load the CSV data from a gist, with labels showing country names and aid amounts in billions of euros.

EEleonore9

71% match

Loading thumbnail…

you-draw-it

This interactive chart displays U.S. debt as a percentage of GDP from 2001 to 2015, showing the historical trend up to 2008 and inviting the user to draw the subsequent path. After 2008, the line is dashed and user-controlled via `d3.drag`; dragging updates the data points, and once all years are defined, a clipped area reveals the actual values through a `clipPath` with a `transition`. The visualization uses D3 v4 APIs including `d3.area`, `d3.line`, and `d3.mouse`, rendering as SVG with axes and a grid, based on data embedded in the script.

11wheel

68% match

Loading thumbnail…

Zadluženost států

A horizontal bar chart displays national debt as a percentage of GDP for thirteen countries, from Japan at 257% down to Singapore at 130%. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Data is loaded from a CSV file and parsed with the `csv` method. Axis labels are generated with `axisBottom` and `axisLeft`, while bars are drawn as `rect` elements with a fixed steelblue fill.

Hhanulik.ondrej@gmail.com

68% match

Loading thumbnail…

Davids D3 Bar Chart: General Governemnt Debt

This bar chart visualizes the general government debt-to-GDP ratios of the ten highest-ranking countries in 2015, using data from the OECD. The chart displays each country’s debt percentage as a vertical bar, ordered from highest to lowest, with Japan leading at over 237%. Built with D3 v5, the visualization uses `d3.csv` to load the data and `d3.scaleBand` and `d3.scaleLinear` to map countries and debt values to SVG rectangles. Axis labels and value annotations are generated via `d3.axisBottom` and `d3.axisLeft`, with styling applied through CSS.

Ddielaenge

68% match

Loading thumbnail…

Fork of Zadluženost států Pie chart

This fork of the Zadluženost států pie chart visualizes national debt levels for thirteen countries using a color-coded pie chart with labeled slices. The chart displays each country’s name and value, with a sequential color scale from light to dark based on debt magnitude. The visualization is built with D3 v6, using `d3.pie()` to compute slice angles, `d3.arc()` for path generation, and `d3.scaleOrdinal` with `d3.quantize` and `d3.interpolateYlOrRd` for color mapping. Labels are positioned via arc centroids, with data loaded from a CSV file.

SSejeong Park

67% match

Loading thumbnail…

Fork of Zadluženost států Pie chart

A pie chart depicts the national debt of thirteen countries as a proportion of their GDP, using a diverging color scale from yellow to red. Built with D3 v6, the visualization employs `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal()` with an interpolated color range. Labels are positioned using arc centroids via `d3.arc().centroid()`. Data is loaded from a local CSV file.

Aadityaraoh

66% match

Loading thumbnail…

Davids D3 Bar Chart: General Government Debt

This bar chart displays the general government debt-to-GDP ratios of the ten highest-ranking countries in 2015, with values ranging from Japan’s 237% to the UK’s 109%. Data comes from the OECD. The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG. Rectangles are sized and positioned using the linear and band scales, while axes are generated via D3’s axis components.

Ddielaenge

66% match

Loading thumbnail…

Untitled

This visualization displays a chord diagram representing bilateral relationships between countries, with the thickness of each chord indicating the strength of the connection. It uses d3.forceSimulation to position nodes and d3.ribbon to draw the connecting arcs, with all elements rendered as SVG. The graph supports interactive highlighting, where hovering over a group or value emphasizes the corresponding connections. Data is loaded from a hardcoded array in the source, and the visualization is built using d3.v4 and React.

JJasonXu1244

66% match