Dumbbell Chart - Balkan GDP Evolution

100%

Dumbbell Chart - Balkan GDP Evolution

✓ Published2🌍 Public

Last edited Jan 17, 2021

Created on Jan 14, 2021

This dumbbell chart compares GDP per capita for nine Balkan countries between 1952 and 2007, with each country’s paired circles connected by a line to highlight growth. The chart uses d3.csv, scaleLinear, and scalePoint to position the data, with d3.axisBottom for the currency-formatted x-axis. Data labels show exact rounded values, and the visualization relies on SVG circles, lines, and text elements, styled via CSS, sourced from Gapminder data.

AI-generated description

This dumbbell chart illustrates the evolution of GDP per capita for the Balkans countries over a period of 55 years (1952 and 2007). Source: Gapminder data.

MIT Licensed

Similar vizzes

Loading thumbnail…

GDP Balkan

This chart displays the GDP of Serbia, Slovenia, Croatia, and Romania from 1995 to 2019, using overlapping thick lines to trace each country’s economic trajectory over time. The visualization relies on React for structure and D3 v6’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map years, GDP values, and country colors onto an SVG canvas. Data is loaded from a CSV file via D3’s `csv` function, with axes rendered as custom components and line paths generated using D3’s `line` generator.

BbeauMarko

82% match

Loading thumbnail…

Dumbbell chart to show difference between 2011-2015 domestic violence in Bangladesh

This dumbbell chart compares GDP per capita for nine Balkan countries between 1952 and 2007, using data from Gapminder. Each row pairs a small circle for the earlier value with a larger circle for the later value, connected by a horizontal line to emphasize growth magnitude. The visualization is built with d3.v6, using `scaleLinear` and `scalePoint` for axes, `axisLeft` and `axisBottom` for ticks, and SVG `circle`, `line`, and `text` elements to render the comparison.

DDibya Prokash Sarkar

80% match

Loading thumbnail…

GDP Serbia

A line chart displays the annual GDP of Serbia over time, loaded from a CSV file and rendered as a smooth natural curve. The visualization uses React to build SVG elements, with Axes and Marks components, while d3.scaleTime and d3.scaleLinear handle the x- and y-axis scaling. Tooltips are included as commented-out code, and the chart applies a Poppins font with a custom color scheme for the line and axes.

BbeauMarko

73% match

Loading thumbnail…

GDP Serbia

This visualization displays Serbia’s GDP over time as a smooth, natural-curved line chart rendered as SVG in a React app. It uses d3.scaleTime and d3.scaleLinear to map years and GDP values, with d3.line and curveNatural for the path. The data comes from a CSV file filtered to Serbia. Axes are custom-built components, and tooltips appear via SVG titles on circles, though circles are currently commented out.

Ggayathrikavya

71% match

Loading thumbnail…

Fork of GDP Serbia

This chart visualizes the number of actions per month in Serbia, using a line and scatter plot. The data is loaded from a CSV file and rendered using React with SVG. D3’s `scaleBand` and `scaleLinear` map months and action counts to the axes, while `line()` constructs the path. Circles with tooltips show each data point, and the style is defined in external CSS.

BbeauMarko

70% match

Loading thumbnail…

Bham block 1

A scatterplot of Gapminder data shows average GDP per capita against life expectancy for each country, with circle size encoding population and color indicating the region. The visualization uses D3 v4 to load the CSV and append SVG circles, scaling positions with `d3.scaleLinear` for the x- and y-axes and determining radius from the raw population value. Country labels and axis annotations are commented out, leaving the bare plot unadorned.

CCartophile

69% match

Loading thumbnail…

Area chart - Romanian GDP

This area chart shows the evolution of urban population in Romania from 1960 to 2019, based on World Bank data. The visualization uses D3 v6 to render an SVG, employing `scaleTime` and `scaleLinear` for the axes, an `area` generator to create the filled region, and `axisLeft`/`axisBottom` with gridlines. The chart features a clear title, labeled axes with formatted tick values, and an orange semi-transparent fill to highlight the population trend over time.

BbeauMarko

68% match

Loading thumbnail…

Urban Population Area Chart

This area chart displays the change in Serbia’s urban population from 1960 to 2019, using World Bank Indicators data. The visualization uses D3.js (v5) to render an SVG area chart with a smooth curve, drawing data from a CSV file. It employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` with `curveBasis` for the filled region, and `d3.axisBottom` and `d3.axisLeft` for labeled ticks. The chart’s title and axis labels are added as SVG text elements.

BbeauMarko

66% match