Skip to main content
SimilarExport ZIP
100%

Making a bar chart

✓ Published2🌍 Public
Ppml31780
Last edited Nov 6, 2022
Created on Nov 5, 2022

This example visualizes the population of the top ten most populous countries in 2017 using a horizontal bar chart. The chart maps country names to the y-axis with a band scale and population values to the x-axis via a linear scale, with bars rendered as SVG rectangles. It uses D3 v7 modules including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and formats axis tick labels with `format('.3s')` to display values in billions. The data, from World Population Prospects 2017, is loaded from a local CSV file where population figures are multiplied by 1000.

AI-generated description

Utilisation du framework D3.JS Création de graphique : BAR CHART

Ce graphique affiche la population des 10 premiers pays les plus peuplés du monde en 2017.

Lien World Population Pro spects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example presents a horizontal bar chart showing the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. It uses D3 v5's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to map population values and country names to SVG rectangles. Data is loaded from a CSV file and processed by multiplying the population values by 1000. The chart renders entirely as SVG, with bars styled in steelblue, and the code illustrates a basic data-join and margin setup for reusable visualization.

Vvoiletymr
95% match
Loading thumbnail…

Making a Bar Chart

This example shows the population of the top ten most populous countries using a horizontal bar chart, with data sourced from the 2017 World Population Prospects. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisLeft` and `d3.axisBottom` to display the country names and population counts. Data is loaded asynchronously via `d3.csv`.

Ddev-ignacio-h
94% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from World Population Prospects 2017. The visualization loads data from a CSV file and renders it as an SVG, with the y-axis ordered by country name and the x-axis scaled linearly. The code uses D3 v5 modules including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the chart, apply margins, and add axis labels. Population values are converted from thousands to full counts, and the x-axis ticks use a custom formatter to abbreviate large numbers.

Oovalli
94% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from World Population Prospects 2017. The visualization loads data from a CSV file and renders it as an SVG, with the y-axis ordered by country name and the x-axis scaled linearly. The code uses D3 v5 modules including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the chart, apply margins, and add axis labels. Population values are converted from thousands to full counts, and the x-axis ticks use a custom formatter to abbreviate large numbers.

Oovalli
94% match
Loading thumbnail…

Making a bar chart

This example visualizes the population of the top 10 most populous countries in 2018, sourced from the World Population Prospects 2017. The bar chart encodes country on the y-axis using a band scale and population on the x-axis using a linear scale. Built with D3 v5, the visualization renders as an SVG, using `scaleLinear` and `scaleBand` for axes, and `axisLeft` and `axisBottom` for tick labels. Population values are read from a CSV file and multiplied by 1000 to reflect actual figures. Steelblue rectangles represent the data.

DDaniel García
94% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The visualization maps population values to horizontal bar widths using `d3.scaleLinear`, while country names are positioned on a categorical `d3.scaleBand` axis. The chart renders as SVG, with axes created via `d3.axisLeft` and `d3.axisBottom`, and data loaded from a CSV file using `d3.csv`.

DDaniel Piqué
94% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the population of the top 10 most populous countries using a horizontal bar chart, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v6 with SVG rendering, employing `scaleLinear` and `scaleBand` for the x and y scales, respectively, and customizing the axes with `axisLeft` and `axisBottom`. Data is loaded from a CSV file via `d3.csv`, with population values converted from thousands to absolute numbers before rendering.

Yyycgrace
94% match
Loading thumbnail…

Make a BarChart

This example visualizes the populations of the ten most populous countries using a horizontal bar chart, based on 2018 estimates from World Population Prospects 2017. The chart encodes country names on a band scale and population counts on a linear scale, with bars rendered as SVG rectangles. It loads data from an external CSV file via `d3.csv`, converts population values from thousands to absolute numbers, and builds the axes using `axisLeft` and `axisBottom`. The implementation relies on D3 v6 modules such as `scaleLinear`, `scaleBand`, and `select`.

DDataFeast_71
94% match