Ordinal Scatter Plot

100%

Ordinal Scatter Plot

✓ Published0🌍 Public

Last edited Dec 13, 2019

Created on Dec 13, 2019

This ordinal scatter plot displays the population of the top 10 most populous countries, using a vertical categorical scale for country names and a linear scale for population values. The chart renders circles in SVG, with highlights on China and India as the largest entries. It loads data from a local CSV file and builds axes using d3.axisLeft and d3.axisBottom, with d3.scalePoint for the ordinal positioning and d3.scaleLinear for the numeric mapping. Tick labels are formatted with d3.format to abbreviate large numbers.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the populations of the top 10 most populous countries, with each country positioned along a vertical point scale and its population plotted on a linear horizontal scale. The chart uses d3.csv to load the data, d3.scalePoint for the categorical y-axis, and d3.scaleLinear for the population axis, with circles rendered as SVG elements. Axis tick formatting employs d3.format to abbreviate population values, and gridlines are drawn using tickSize settings on the axes.

ZZhang Shengli

95% match

Loading thumbnail…

Ordinal Scatter Plot

An ordinal scatter plot displays the population of the top 10 most populous countries in 2018, using a linear x-scale for population and a point scale for the categorical country names on the y-axis. The visualization, built with D3 v5 and rendered as SVG, encodes each country as a circle and includes labeled axes and grid lines. Data is loaded from a CSV file and processed with D3’s csv and scaleLinear functions, while axis generation relies on axisBottom and axisLeft.

Ccyanea1

94% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the populations of the top 10 most populous countries, with each country positioned along a vertical categorical axis and its population plotted on a linear horizontal scale. The visualization uses d3.scalePoint for the y-axis, d3.scaleLinear for the x-axis, and renders circles as SVG elements. Code imports d3.csv to load data from a local CSV file, which originates from the United Nations World Population Prospects 2017 estimates. Axes are generated using d3.axisLeft and d3.axisBottom, with population values formatted via d3.format.

Aamy4041

93% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a categorical y-axis for country names and a linear x-axis for population values. The visualization uses d3.scalePoint for the ordinal axis, d3.scaleLinear for population, and d3.axisLeft and d3.axisBottom for the axes, with data loaded via d3.csv from a local file. Population figures come from the 2018 United Nations World Population Prospects estimate, and the chart is rendered as an SVG with circles sized at a fixed radius and axes styled via CSS.

Kkiwi-zwz

93% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a categorical y-axis and a linear x-axis scaled in billions. The visualization uses d3.csv to load the data, d3.scalePoint for the ordinal y-axis, and d3.scaleLinear for the population values. Axes are generated with d3.axisLeft and d3.axisBottom, while the x-axis tick labels format numbers using d3.format with a custom 'B' suffix for billions. Data originates from the 2017 United Nations World Population Prospects report.

HHarsh Kumar

92% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries in 2018, with each country represented by a circle on an unlabeled ordinal scale. The visualization renders SVG circles using d3.v5, employing `scaleLinear` for the population axis and `scalePoint` for country positioning, while `axisLeft` and `axisBottom` generate the tick marks. The code loads data from a CSV file via `d3.csv`, multiplies each population value by 1,000, and binds the resulting array to circle elements. The chart uses empty styling for circles, showing data points without connecting lines or additional annotations.

CCasperHogenboom

92% match

Loading thumbnail…

Ordinal Scatter Plot

This visualization displays the populations of the top 10 most populous countries as large circles plotted along an ordinal y-axis using a categorical point scale, with population on a linear x-axis. It uses D3 v5’s `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to load and render the data. The SVG circles are positioned with the `cx` and `cy` attributes, and population values are converted from thousands. Data comes from the 2018 United Nations World Population Prospects estimate.

AAbhijeet Panda

92% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot visualizes the population of the top 10 most populous countries, using a linear x-axis for population values and a categorical y-axis for country names. The d3.js v5 code employs `scalePoint` for the ordinal axis, `scaleLinear` for the numeric axis, and renders the data as circles using SVG. Data is sourced from the United Nations' 2018 World Population Prospects, loaded via `csv()`. Grid lines and axis labels are styled through CSS, with population formatted in billions using `format('.3s')`.

Jjunge870214

92% match