HW1 Q3 MS

100%

✓ Published0🌍 Public

Last edited Aug 30, 2019

Created on Aug 30, 2019

This bar chart displays the population of the world's ten most populous cities, sorted by metropolitan population in descending order, using data from `worldData.csv`. The chart is rendered using D3.js, specifically employing `scaleLinear` and `scaleBand` for the x and y axes, with `axisBottom` and `axisLeft` to generate the axes. The visualization is built by creating rectangles for each bar, with a pink background and steelblue bars, and includes formatted axis labels and a title.

AI-generated description

Population of 10 most populous cities

MIT Licensed

Similar vizzes

Loading thumbnail…

Marcus' scatter plot #1

This visualization displays the populations of the world’s 10 most populous cities as a horizontal bar chart, with metro population on the x-axis and city names on the y-axis. The code uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom to render axes, with tick formatting via d3.format. Bars are drawn as SVG rectangles within a grouped element, and the chart includes custom labels for the title and axes, rendered with a pink background.

Mms-aus

77% match

Loading thumbnail…

10 largest cities in the world

This bar chart displays the populations of the ten largest cities in the world in 2018, using data from World Atlas. The bars are sorted by country name, with population values formatted in billions using d3.format. Built with D3 v5, the visualization uses scaleLinear and scaleBand for axes, axisLeft and axisBottom for ticks, and SVG rendering. A horizontal gridline pattern is created via tickSize on the x-axis, while the chart’s title and axis label are added as SVG text elements.

Mmargaretgoode

73% match

Loading thumbnail…

DUMMY Test

A horizontal bar chart displays the population of the world's 10 most populous cities, using a pink background and steel-blue bars. The visualization ranks cities like Tokyo, Delhi, and Shanghai, with the x-axis formatted to show population figures with billion abbreviations. The chart is built with D3 v5, using `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` for the axes. Data is loaded from a CSV file and styled using external CSS.

Mms-aus

73% match

Loading thumbnail…

Top 3 Largest Cities

A horizontal bar chart displays the population of the top three largest cities—Shanghai, Mumbai, and Sao Paulo—based on 2018 data from the United Nations World Population Prospects. The visualization renders as SVG, using D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population counts to bar widths and country names to vertical bands. Data is loaded from a CSV file via `d3.csv`, with values parsed as numbers. Green rectangles encode each city’s population, and axes are labeled with default text formatting.

Mmargaretgoode

72% 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 chart employs D3’s `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis, with custom axis tick formatting that converts values to billions. Axes are styled by removing domain lines and tick marks, while a title and axis label are added as SVG text. Data is loaded from a CSV file and rendered as steelblue rectangles.

MMircea-Stefan Mohora

72% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the world’s most populous cities, based on 2018 United Nations World Population Prospects estimates. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` to map population values to bar widths and city names to vertical positions. Axes are generated with `axisLeft` and `axisBottom`, while data is loaded asynchronously from a CSV file using `d3.csv`. Each bar’s width is proportional to its population value, with the chart ordered alphabetically by city name.

FFANN438

72% match

Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the population of the world’s ten most populous urban areas, based on 2018 estimates from the United Nations’ World Population Prospects. The chart renders as an SVG using D3 v5, employing `scaleLinear` for the population axis and `scaleBand` for the categorical city labels, with bars drawn as `<rect>` elements. Data is loaded from a CSV file and scaled by a factor of ten thousand. The chart includes left and bottom axes generated via `axisLeft` and `axisBottom`.

Jjayjoepark

72% match

Loading thumbnail…

Marcus' bar chart exercise

This example shows the population of the 10 most populous cities as a horizontal bar chart, with city names on the y-axis and population counts on the x-axis. The visualization is rendered as an SVG using D3 v5, and the code imports specific modules (`select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`) from the D3 library. Population data is loaded from a local CSV file and converted from strings to numbers. The chart uses a band scale for the categorical axis and a linear scale for the quantitative axis, with axes generated via `axisLeft` and `axisBottom`. A pink background and steelblue bars style the output.

Mms-aus

72% match