Bar Chart

100%

✓ Published0🌍 Public

Last edited Oct 19, 2019

Created on Oct 19, 2019

A horizontal bar chart ranks Russia’s fifteen largest cities by population, using the d3.csv loader to parse data from a local CSV file. The visualization relies on d3.scaleLinear for the population axis and d3.scaleBand for city names, with axes generated by d3.axisLeft and d3.axisBottom. Each rectangle’s height comes from the band scale’s bandwidth, and the SVG viewport is 960 by 500 pixels. Data originates from statdata.ru.

AI-generated description

Biggest cities in Russia. http://www.statdata.ru/largest_cities_russia

MIT Licensed

Similar vizzes

Loading thumbnail…

Barchart

A horizontal bar chart displays each country’s population as a scaled rectangle, with Russia and India appearing largest. The data comes from a CSV file, loaded via `d3.csv`, and values are multiplied by 1000 before rendering. The SVG visualization uses `scaleLinear` for the x-axis width, `scaleBand` for the y-axis country ordering, and `selectAll` with `enter().append` to create the rectangles. Styling is minimal, with the chart filling the viewport and bars drawn in the default black color.

MMari Roberts

80% match

Loading thumbnail…

Bar chart

A bar chart displays the populations of ten Finnish cities, ordered by name along the vertical axis with population values extending horizontally. The visualization uses d3.scaleBand for the categorical city axis and d3.scaleLinear for the continuous population scale, rendering bars as SVG rectangles with a steelblue fill. Data is loaded from a CSV file using d3.csv, then parsed to convert population strings to numbers before binding to the scales. Axes are generated with d3.axisLeft and d3.axisBottom, all within a React-agnostic D3 v5 setup.

JJari Sedergren

80% match

Loading thumbnail…

Making a bar chart

This bar chart displays the populations of nine countries, with horizontal bars ranked from China to Russia. The visualization uses D3 v5 to load CSV data and render SVG elements. It applies `scaleLinear` for the x-axis population values and `scaleBand` for the categorical y-axis, with margins and axes created via `axisLeft` and `axisBottom`. The bars are appended as `rect` elements with a steelblue fill, and the data is parsed by converting population strings to numbers and multiplying by 1000.

Hhugomell

78% match

Loading thumbnail…

Bar Chart

This bar chart displays population figures for 13 countries, with countries listed along the y-axis and population values on the x-axis. The visualization uses d3.scaleBand to position each country’s bar and d3.scaleLinear to map population counts to bar widths. The code employs d3.svg.axis for the left and bottom axes, and renders everything as SVG elements within a 960×500 viewport. Data is loaded from a CSV file using d3.csv, with population values converted to numbers before rendering.

Ssakhabutdinov

78% match

Loading thumbnail…

Bar Chart

This example displays a horizontal bar chart ranking countries by population, using a CSV dataset of ten nations. The visualization is built with D3.js v5, using `scaleLinear` and `scaleBand` to map population values and country names to SVG rectangles. The axes are generated with `axisLeft` and `axisBottom`, and the bars are rendered as SVG `rect` elements. Data is loaded via `d3.csv` and converted from raw values to thousands.

NNanok09

77% match

Loading thumbnail…

Bar Chart

This bar chart displays the populations of the world’s fourteen most populous countries, sorted from largest to smallest. The visualization uses a horizontal bar layout, with the y-axis listing country names and the x-axis representing population in millions, using a custom `.3s` tick format. Built with D3 v6, the chart employs `scaleLinear` and `scaleBand` to map data, and renders as an SVG via the `select` API. Data is read from `data.csv`, with population values converted from thousands to actual numbers.

BBorisIdeler

77% match

Loading thumbnail…

Making bar chat

This bar chart displays population figures for ten countries and political unions, using horizontal bars to compare values from China to Russia. The visualization relies on D3 v7’s `scaleLinear` and `scaleBand` to map population counts and country names, while `axisLeft` and `axisBottom` generate the axes. Data is loaded from a CSV file via `d3.csv`, and the SVG rendering applies a steelblue fill to each rectangle bar.

AAkash

77% match

Loading thumbnail…

Making a bar chart

This horizontal bar chart ranks the ten most populous countries using population data from a CSV file, with bars scaled linearly by population size and country names on the categorical y-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render axes and bars as SVG rectangles, while `csv` loads the data and `max` computes the domain. Population values are multiplied by 1,000 to reflect actual figures, and the chart is styled via CSS with steel-blue bars and large text.

RRod Potter

77% match