Skip to main content
SimilarExport ZIP
100%

Making a bar chart

✓ Published1🌍 Public
Ssara17585
Last edited Nov 14, 2019
Created on Nov 14, 2019

This example shows a horizontal bar chart of the ten most populous countries, using population data from a CSV file rendered as SVG. The chart uses D3 v5 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map country names to y-positions and population values to bar widths. Bars appear in steel blue with a left margin of 200 pixels for labels, and the population values are multiplied by 1000 on load.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the ten most populous countries, using population data loaded from a CSV file. It renders as SVG with D3 v5, using `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. The bars are filled with steelblue, the x-axis tick labels are formatted with `d3.format` to abbreviate large numbers, and grid lines extend from the x-axis across the plot area.

Mmanalhilali
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the ten most populous countries, using population values from a CSV file. The chart orders countries along the y-axis with a band scale, while a linear scale maps population to bar length on the x-axis. Built with D3 v5, the SVG rendering uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, `d3.axisBottom`, and `d3.csv` to load and prepare the data. Steelblue rectangles represent the bars, with axes and labels styled via CSS.

TTsing
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of population figures for the ten most populous countries, using a CSV data source. It applies a linear scale for population values and a band scale for country names, with axes generated via `axisLeft` and `axisBottom`. The chart renders as SVG rectangles filled with steelblue, and the population values are converted from thousands to raw numbers before scaling.

Mmuddcohd
95% match
Loading thumbnail…

Making a bar chart

This example shows a horizontal bar chart of population data for the ten most populous countries, drawn as SVG rectangles scaled by population and ordered by country name. It uses D3 v7’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisLeft` and `axisBottom` to render ticks. The chart loads data from `data.csv` via `d3.csv`, converts population values to numbers, and appends the rectangles with a fixed steelblue fill.

Sstephanie0215
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the ten most populous countries, with country names on the y-axis and population on the x-axis. The bars are rendered as SVG rectangles, filled with steelblue. The code uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand to map values to coordinates, and d3.axisLeft and d3.axisBottom to draw the axes. The population values are parsed and multiplied by 1,000.

Rrainyrainyguo
95% match
Loading thumbnail…

Making a bar chart

This example displays a horizontal bar chart of population counts for the ten most populous countries, using data from a CSV file. The chart encodes population as bar width and country names along the vertical axis, with axes generated using `d3.axisLeft` and `d3.axisBottom`. It employs `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleBand` for scaling, and appends SVG `rect` elements to render the bars. The source data is loaded from `data.csv`.

Ss-janibekova
95% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the ten most populous countries in 2017, with population values (in thousands) drawn from a local CSV file. The chart renders as SVG using D3 v5, where the x-axis scale is linear and the y-axis uses a band scale with left-aligned axis labels. The code explicitly constructs the visualization with `select`, `csv`, `scaleLinear`, `scaleBand`, and `axisLeft` from the D3 library, then maps each country’s population to the rectangle’s width and country name to its vertical position.

CCodeHandLuke
94% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the population of the ten most populous countries, using data from a CSV file. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis population values and `scaleBand` for the categorical y-axis countries. Axes are generated with `axisLeft` and `axisBottom`, while bars are appended as SVG `rect` elements with a steelblue fill and black stroke.

Pparkypoo
94% match