Ejercicio 2 LAB04 Mario

100%

Ejercicio 2 LAB04 Mario

✓ Published0🌍 Public

Last edited May 12, 2021

Created on May 11, 2021

This bar chart displays the population values of the top 10 most populous countries, based on 2018 UN estimates loaded from a CSV file. The visualization sorts the data by value and uses a band scale for the x-axis and a linear scale for the y-axis, with bars rendered as SVG rectangles. The code employs d3.v4’s `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and axis components, while styling is applied via CSS for tick marks and text.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data is sourced from 2018 estimate from the link: https://esa.un.org/unpd/wpp/download/standard/population/

MIT Licensed

Similar vizzes

Loading thumbnail…

Barras estilizadas

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.

EErandiFlores

82% match

Loading thumbnail…

Making a Bar Chart

This chart displays the populations of the top 10 most populous countries using 2018 United Nations data, with horizontal bars sorted by country name. It uses d3.csv to load the data, then d3.scaleLinear and d3.scaleBand to map population values and country labels to SVG rectangles. The axes are generated with d3.axisLeft and d3.axisBottom. The code imports specific functions from the d3 v5 module and renders the visualization entirely in SVG, with a steelblue fill for each bar.

Kkaylee4m

82% match

Loading thumbnail…

Making a Bar Chart

Kkaylee4m

82% 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. The code loads data from a CSV file and renders rectangular bars with an SVG, using d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom for the axes. The chart is built with D3 v5 and styled with steelblue rectangles.

Jjuanandressr97

81% 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. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Bars are drawn as SVG rectangles whose widths are proportional to population values, with a steelblue fill and a left margin accommodating country labels.

Jjwu534@gmail.com

81% match

Loading thumbnail…

Making a Bar Chart

This example displays the population of the top 10 most populous countries using a horizontal bar chart. It loads data from a CSV file containing 2018 United Nations population estimates, with each bar’s length scaled by population. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` for positioning, along with `axisLeft` and `axisBottom` for tick marks. The code reads the CSV via `d3.csv`, converts population values to thousands, and renders SVG rectangles in a single group with margins.

SSagar Malviya

81% 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

81% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries from a 2018 United Nations estimate. It uses D3 v5 to load CSV data, scale to a linear x-axis and banded y-axis, and render SVG rectangles for bars. The code specifically leverages `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with population values multiplied by 1000 for display.

DDavid Trye

81% match