Barras estilizadas

100%

Barras estilizadas

✓ Published0🌍 Public

Last edited Mar 4, 2022

Created on Mar 4, 2022

This bar chart displays the populations of the top 10 most populous countries, using 2017 United Nations estimates. It shows population values on a linear scale and country names on a categorical band scale, with styled axes and tick marks. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the chart as SVG, with formatted tick labels converting large numbers to abbreviated forms. Data is loaded from a CSV file and multiplied by 1000 to represent thousands.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Barra Chart

This bar chart displays the populations of the top 10 most populous countries based on 2018 United Nations estimates, with country names on the y-axis and population on the x-axis. The D3 v5 code uses `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to render an SVG visualization with customized tick formatting that converts values like "G" to "B". The dataset, loaded via `csv`, multiplies each population value by 1000, and the chart includes a title and axis label, with horizontal gridlines created through tick sizing.

Ccarlosmarin2005

90% match

Loading thumbnail…

Barras D3.js

This bar chart displays the populations of the ten most populous countries, using horizontal bars ordered by country name, with population values scaled linearly from zero. The visualization is rendered as an SVG using D3 v5, reading data from a CSV file. It employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with tick labels formatted via `d3.format`. The axes and labels are styled through CSS, and the chart includes a custom title and formatted population values.

Bbasskur

88% match

Loading thumbnail…

Bar Chart

This bar chart displays the population of the top 10 most populous countries based on 2018 estimates from the United Nations. The horizontal bars are rendered as SVG rectangles, with a linear scale for population and a band scale for country names. The chart uses D3 v5 to load CSV data, create scales, and generate axes with tick marks. Population values are converted from strings to numbers and multiplied by 1000 for accurate representation.

BBaxinho

87% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 United Nations population estimates. The visualization orders countries along a vertical band scale with horizontal bars representing population values, using a linear scale. Customized axes include abbreviated tick labels (e.g., “B” for billions) and grid lines. The code uses d3.csv, scaleLinear, scaleBand, axisBottom, and axisLeft within D3 v5, rendering as SVG with styling from an external stylesheet.

Zztawil

86% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries based on 2018 United Nations estimates, with countries listed on the y-axis and horizontal bars sized by population. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the axes, with tick labels formatted using `format('.3s')`. Population values from the CSV file are multiplied by 1,000 before scaling. The SVG rendering includes custom axis styling, removed domain lines, and labeled axes for population and the chart title.

Bbilal

86% match

Loading thumbnail…

Making a Bar Chart

This bar chart shows the top 10 most populous countries using 2017 United Nations population estimates. The SVG visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, with custom tick formatting that converts billions to the ‘B’ suffix. Axes are styled via `d3.axisBottom` and `d3.axisLeft`, removing default domain lines and adding a centered axis label. Data is loaded with `d3.csv` and displayed as steelblue rectangles.

Rrandom-program

86% 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 chart uses a linear scale for the population axis and a band scale for the countries, with custom tick formatting that converts values to billions. The visualization is built with D3 v5, using its `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, and renders as an SVG. Data is loaded from a local CSV file.

EEnricoIsola

86% match

Loading thumbnail…

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 uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Axes are customized with tick formatting that converts values to billions (e.g., replacing "G" with "B") and removed domain lines. Population data is loaded from a CSV file and multiplied by 1000.

Ccocktaildata

86% match