Skip to main content
SimilarExport ZIP
100%

Davids D3 Bar Chart: General Governemnt Debt

✓ Published1🌍 Public
Ddielaenge
Last edited Sep 26, 2018
Created on Sep 4, 2018
Forked from Cars report

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.

AI-generated description

This bar chart shows the percentage of general government debts of the ten highest ranking countries in 2015. General governemnt debt means the ratio of general gross government debt to the governments GDP.

The data originates from the OECD and is from the year 2015.

MIT Licensed

Similar vizzes

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

Zadluženost států Pie chart

A pie chart visualizes the debt-to-GDP ratios of thirteen countries, with Japan, Sudan, and Greece showing the highest values. Each slice is labeled with the country name and its corresponding value. The chart uses D3 v6 to load CSV data, compute arc angles with `d3.pie()`, and render the slices using `d3.arc()`. Colors are generated via an ordinal scale with `d3.interpolateYlOrRd`, and labels are positioned using an arc generator’s `centroid()` method. The SVG output includes white slice borders for clarity.

Hhanulik.ondrej@gmail.com
74% match
Loading thumbnail…

Debt over time plot - India

This line chart displays India’s debt as a percentage of GDP over time using a smooth green curve, with the x-axis showing years and the y-axis reporting the debt ratio. The visualization is built with D3 v5, using `d3.line()` and `curveBasis` to generate the path, and renders to SVG. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while data is loaded from a CSV file via `d3.csv`. A semitransparent stroke and comic-sans labels give the chart a distinctive style.

MMukund Khandelwal
69% 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
69% match
Loading thumbnail…

D3 Axes

This bar chart ranks the ten most populous countries, from China to Mexico, using horizontal bars scaled by population. The chart labels each country on the y-axis and formats population values in billions on the x-axis. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and loads data from a local `data.csv` file. The x-axis gridlines extend across the chart, with the country names and title styled via CSS.

Ddileep73
69% match
Loading thumbnail…

D3 Axes

This bar chart ranks the ten most populous countries, from China to Mexico, using horizontal bars scaled by population. The chart labels each country on the y-axis and formats population values in billions on the x-axis. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and loads data from a local `data.csv` file. The x-axis gridlines extend across the chart, with the country names and title styled via CSS.

Ddileep73
69% match
Loading thumbnail…

D3 Axes

This bar chart ranks the ten most populous countries, from China to Mexico, using horizontal bars scaled by population. The chart labels each country on the y-axis and formats population values in billions on the x-axis. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and loads data from a local `data.csv` file. The x-axis gridlines extend across the chart, with the country names and title styled via CSS.

Ddileep73
69% match