Skip to main content
SimilarExport ZIP
100%

Davids D3 Bar Chart: General Government Debt

✓ Published0🌍 Public
Ddielaenge
Last edited Sep 26, 2018
Created on Sep 9, 2018

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.

AI-generated description

This bar chart shows the 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. Therefor the x-axis is in percent.

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

MIT Licensed

Similar vizzes

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
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
79% 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
72% 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
67% 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
67% match
Loading thumbnail…

D3

A horizontal bar chart displays population estimates for ten countries, sorted from China to Mexico, with bars extending from a linear scale and country names on a band scale. Data is loaded from a CSV and multiplied by 1,000 to reflect full population figures. The SVG is rendered using D3 v5, employing `d3.scaleLinear`, `d3.scaleBand`, and axes with custom tick formatting that abbreviates large numbers (e.g., “1.42B”). Grid lines and axis labels are styled via CSS and D3’s `axisBottom` and `axisLeft`.

KKyllVis
67% match
Loading thumbnail…

Debt over time plot: India

The chart displays India’s national debt as a percentage of GDP from 1913 to 2011, using a smooth line to reveal spikes tied to historical economic events. Drawn as an SVG, the visualization uses D3 v5’s `scaleLinear`, `line` with `curveBasis`, and `axisBottom`/`axisLeft` to plot the data, which originates from the IMF’s historical debt database. Axes include labeled tick marks and light gridlines, with an orange path highlighting debt variation over time.

MMukund Khandelwal
67% match
Loading thumbnail…

GDP Average Chart

This D3.js bar chart visualizes the 2023 GDP per capita for the top 50 countries, using a green circle for each nation plotted along a categorical x-axis and a linear y-axis. Circles are positioned using `d3.scaleBand` and `d3.scaleLinear`, with interactive tooltips revealing the country name and GDP on hover. The SVG chart, built with `d3.svg` and `d3.axisBottom`/`d3.axisLeft`, reads data from the included `TopGDPCountries.csv` file, rotating x-axis labels for readability. Data originates from Worlddata.info.

Mmhzahdeh@dons.usfca.edu
67% match