Jackscatterson Plottock

100%

Jackscatterson Plottock

✓ Published1🌍 Public

Last edited Jan 30, 2020

Created on Jan 30, 2020

This visualization displays the population of the top 10 most populous countries from a 2018 United Nations estimate, with each country represented as a circle scaled along a linear axis. The y-axis uses a point scale for categorical country labels, and the x-axis shows population with custom tick formatting that abbreviates values (e.g., billions as "B"). The code uses d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft, rendering circles and axes as SVG elements. Styling and gridlines are customized through CSS.

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…

Scattered Plot

This scatter plot displays the population of the top 10 most populous countries using a 2018 United Nations estimate, with each circle representing a country. The visualization uses D3 v5’s `scaleLinear` for the population axis and `scalePoint` for the country categories, along with `axisBottom` and `axisLeft` to render the axes. Circles are positioned via `cx` and `cy` attributes, with data loaded from CSV using `d3.csv`. Styling is applied through SVG and CSS for visual clarity.

AAdeola Oni

88% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango

88% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top ten most populous countries, with each country represented as a circle positioned along a linear population axis and a categorical country axis. The data comes from the 2018 estimate in the United Nations World Population Prospects. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scalePoint` for axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and SVG circles with a radius of 10 pixels. The code reads data from a CSV file, multiplies the population values by 1000, and renders the chart within an SVG canvas with custom margins and grid lines.

IIsabel

88% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries as circles positioned along a linear population scale and a categorical country scale. The data, sourced from the 2018 United Nations World Population Prospects, is loaded via d3.csv and rendered as SVG. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom with custom tick formatting and grid lines. Circle styling and axis labels are controlled through external CSS, demonstrating customization of D3 axes and scales.

Nnoelmiranda

88% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries from a 2018 United Nations estimate, with each circle positioned by country on the y-axis and population on the x-axis. The code uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scalePoint for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the ticks. It renders the visualization as SVG, customizing grid lines and axis labels through CSS classes.

Nnoelmiranda

88% match

Loading thumbnail…

scatter plot

This scatter plot displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects, with circular markers positioned along a point scale for countries and a linear scale for population. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to construct the chart, with axis tick formatting converting large numbers to abbreviated forms. The code loads data via d3.csv, appends SVG circles with a fixed radius, and includes grid lines through tick sizing, a title, and an axis label.

Rrishyossarian

88% match

Loading thumbnail…

Fork of Making a Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Each circle represents a country, with its horizontal position encoding population size and vertical position indicating country name. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft with d3.axisBottom for labeled axes. Population values are formatted with d3.format, and the SVG rendering includes grid lines and a title.

Rraphman100

87% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects estimate. It shows each country as a circle positioned by population on the x-axis and country name on the y-axis. The visualization uses d3.scaleLinear and d3.scalePoint for scaling, d3.axisLeft and d3.axisBottom for axes, and renders with SVG. The code also customizes axis tick formatting and removes axis domains for a cleaner appearance.

Zztawil

87% match