Belarus population by region

100%

Belarus population by region

✓ Published0🌍 Public

Last edited Apr 27, 2015

Created on Apr 27, 2015

This example visualizes the population of Belarus’s six regions and Minsk city from 2001 to 2015 using multiple overlaid line charts. Each line represents a region’s population trend over time, with hover effects highlighting individual lines via a CSS stroke change. The visualization is built with D3.js v3, using `d3.svg.line()` and `d3.time.scale()` for the time axis, and `d3.csv` to load the population data from a CSV file. The y-axis scales population in thousands, and the data originates from the National statistics committee of the Republic of Belarus.

AI-generated description

Similar vizzes

Loading thumbnail…

Belarus population by region

The visualization plots Belarus’s regional populations as horizontally sorted bars, ordered from largest to smallest. It uses D3 v3 on an SVG canvas, loading a CSV file to render each region as a `<rect>` and `<text>` element. A hover state adjusts opacity, and a tooltip title provides each region’s absolute population figure; data comes from the National statistics committee of Belarus.

EEgorBrus

89% match

Loading thumbnail…

Belarus population by region

A horizontal bar chart displays Belarus's regional populations in thousands, sorted from largest (Minsk at 1921.8) to smallest (Grodno region at 1054.9). Built with D3 v3, it uses `d3.scale.linear` and `d3.scale.ordinal` for positioning, plus SVG axes via `d3.svg.axis`. Population data comes from a CSV file sourced from Belarus's national statistics committee. Hovering over a bar reveals a tooltip with the exact value via an appended `title` element. The bars use `d3.descending` sorting and a light gray fill.

EEgorBrus

88% match

Loading thumbnail…

Belarus population by region

A choropleth map of Belarus displays population counts for seven regions, with Minsk city and the Brest, Gomel, Minsk, Vitebsk, Mogilev, and Grodno regions colored in shades of teal. Each region is drawn as an SVG path using the `d` attribute, and the map loads population data from a CSV file via `d3.csv` to log the parsed JSON array to the console. The D3.js v3 library provides the data loading functionality, while the map itself is rendered as static SVG with no interactivity.

EEgorBrus

88% match

Loading thumbnail…

Registered crime cases in Belarus vs. population by region (2013)

The scatterplot displays registered crime cases against population for seven regions of Belarus in 2013, with each circle representing a region and its size fixed after an animated transition. The visualization uses d3.v3 with SVG rendering, employing linear scales for both axes and SVG axes with gridlines. Data is loaded from a CSV file, and circles animate from a radius of 0.1 to 8 pixels over two seconds, with hover tooltips via SVG title elements. The chart sources population and crime statistics from the National statistics committee of Belarus.

EEgorBrus

82% match

Loading thumbnail…

Melting Data for Multiple Lines

This example visualizes population over time by region, showing six major world regions as distinct colored lines from 1950 to 2100. The chart uses a line generator with curveBasis for smooth paths, while a color legend identifies each region. The code melts wide-format UN population data into tidy rows, combining estimates and medium-variant projections from CSV files. It employs d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.nest, and d3.axisBottom/axisLeft, rendering as SVG with custom tick formatting for abbreviated population values.

Ppplomith

68% match

Loading thumbnail…

Danil Melting Data for Multiple Lines

This visualization displays population trends over time for global regions, using multiple colored lines to compare regional growth from 1950 through 2100. The chart combines historical data from U.N. population estimates with medium-variant projections, melting the dataset to create one line per region. The code uses D3 v5 with `d3.nest`, `d3.line`, `d3.scaleTime`, and `d3.scaleOrdinal` with `schemeCategory10` colors, rendering as SVG paths with a custom color legend.

Ssakhabutdinov

68% match

Loading thumbnail…

Melting Data for Multiple Lines

This visualization displays population over time by region, with each line representing a different area and a color legend identifying them. The chart uses d3.csv to load UN population data, which is then processed using d3.nest to group data by region. The code demonstrates a data-wrangling technique called "melting," transforming wide-format data with columns per year into tidy data with year, name, and population fields. Multiple lines are drawn using d3.line and curveBasis, with d3.scaleTime and d3.scaleLinear handling the axes and d3.scaleOrdinal applying colors.

Ssingularity6033

67% match

Loading thumbnail…

Melting Data for Multiple Lines

This visualization displays population trends over time for various world regions using multiple lines. The chart combines historical estimates from a 2017 UN dataset with medium-variant projections through 2100, showing each region’s population trajectory in a distinct color. The code uses d3.csv to load data, d3.nest to group by region, d3.line with curveBasis for smooth paths, and d3.scaleTime and d3.scaleLinear for axes. A custom colorLegend component renders the categorical scale, while d3.axisLeft and d3.axisBottom create labeled tick marks.

Ffbudwill

67% match