Skip to main content
SimilarExport ZIP
100%

Making a bar chart

✓ Published0🌍 Public
Kkhuton
Last edited Aug 11, 2020
Created on Aug 4, 2020
Forked from HTML Starter

A horizontal bar chart ranks Slovak municipalities by their 2019 population, using data from a local CSV file. The chart displays each city district’s name on the y-axis and the population value on the x-axis. Built with d3.v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering rectangular bars with an SVG `rect` element. Axes are generated via `axisLeft` and `axisBottom`, and the bars are styled with a steelblue fill via CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart - SK towns by population density

This horizontal bar chart ranks Slovak towns by population density, from Svit (1760.67) down to Leopoldov (725.13). The visualization uses an SVG rendering with a linear x-scale and banded y-scale to encode the density values. Data is loaded from a CSV file and parsed as numeric values before being passed to the render function. The chart employs D3 v6 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to generate the bars and axes.

Kkhuton
82% match
Loading thumbnail…

Making a bar chart

A bar chart displays population figures for ten countries, with horizontal bars sorted by country name. The visualization loads data from a CSV file and renders it as SVG rectangles using D3 v5. It uses `d3.scaleLinear` for the population axis, `d3.scaleBand` for country categories, and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Bar heights and widths derive from the dataset, with a steelblue fill applied via CSS.

Vvladvaculin
77% match
Loading thumbnail…

Scatter Plot

A scatter plot displays population density for twenty Slovak towns, with each circle representing a town positioned along categorical y-axis and linear x-axis scales. The visualization uses d3.scaleLinear for density values and d3.scalePoint for town names, with axes generated through d3.axisLeft and d3.axisBottom. Data loads from a CSV file using d3.csv, and the SVG rendering applies a steelblue fill to all circles.

Kkhuton
76% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart ranks ten countries by population, using a blue rect per nation with axis labels for country names and population values. The visualization loads population data from a CSV file, converts the numbers to absolute values, and renders SVG bars using D3 v5. It employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to position and scale the marks, with margins applied to an SVG container sized 960 by 500 pixels.

Jjblaskovich
76% 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
76% match
Loading thumbnail…

Making a bar chart

A horizontal bar chart displays population figures for nine countries, using data from a CSV file. The chart ranks countries by population along a linear scale, with country names on a band scale for bar positioning. Built with D3 v6, the visualization loads CSV data, converts population values to numbers, and renders SVG rectangles. It uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the axes and bars, with steelblue fills and margins for layout.

YYanda Qu
76% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart ranks ten countries by population using data from a CSV file, with population values converted from thousands to absolute numbers. The visualization uses D3 v5 scales (`scaleLinear` and `scaleBand`) to map data to SVG rectangles, with `axisLeft` and `axisBottom` generating the country labels and population axis. The chart displays population values as bar lengths, styled with steelblue fills, within an SVG canvas of 960 by 500 pixels.

HHilario Calderon
76% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart ranks ten countries by population using data from a CSV file, with population values converted from thousands to absolute numbers. The visualization uses D3 v5 scales (`scaleLinear` and `scaleBand`) to map data to SVG rectangles, with `axisLeft` and `axisBottom` generating the country labels and population axis. The chart displays population values as bar lengths, styled with steelblue fills, within an SVG canvas of 960 by 500 pixels.

HHilario Calderon
76% match