Zadluženost států

100%

Zadluženost států

✓ Published2🌍 Public

Last edited Aug 11, 2021

Created on Jul 24, 2021

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.

AI-generated description

Alt+96 = `<br> Alt+ů = $<br> Základní bar chart je hotový do 3:42:42

MIT Licensed

Similar vizzes

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

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

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

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

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

79% match

Loading thumbnail…

CZC Make Bar Chart

This example renders a horizontal bar chart showing the percentage of the population living in poverty for ten countries. Using D3.js v5, it maps country names to the y-axis with `scaleBand` and poverty percentages to the x-axis with `scaleLinear`. The SVG graphic is built by appending rectangles whose width and y-position are computed from the data. Axes are added with `axisLeft` and `axisBottom`. Data is loaded from a CSV file, and the chart is drawn entirely with SVG elements.

Cchristine

70% match

Loading thumbnail…

D3 Axes

This example displays a horizontal bar chart of the top 10 most populous countries using D3 v5, with populations loaded from a CSV file and scaled linearly. It demonstrates custom axes: the left band scale lists country names without tick lines, while the bottom axis uses a tick formatter that converts values like “1.41G” to “1.41B”. The SVG rendering includes grid lines via negative tick sizes, axis labels, and a title, all styled with external CSS.

Rrdeichert

70% match

Loading thumbnail…

Data as bar chart

A horizontal bar chart ranks the twenty most populous countries, showing population counts with steel-blue bars and labeled axes. Built with D3 v6, the visualization loads CSV data from Kaggle, maps populations to a linear scale and countries to a band scale, and renders the chart as SVG. The code uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to construct the scales and axes.

Ccarbuncle-3djs

70% match