Ordinal Scatter Plot

100%

Ordinal Scatter Plot

✓ Published1🌍 Public

Last edited Jan 21, 2019

Created on Jan 21, 2019

A horizontal dot plot displays the population of the top ten most populous countries in 2018, using data from United Nations World Population Prospects 2017. The chart maps each country to a static y-axis position via `scalePoint` and its population to the x-axis with `scaleLinear`, rendering circles of equal radius in SVG. It employs `axisLeft` and `axisBottom` for labeled axes, with tick sizes extending across the plot. The visualization uses d3.v5's `csv` loader, `format` with a `G` to `B` replacement for tick labels, and CSS-driven styling for fonts and gridlines.

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 top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Each country is positioned along a point scale on the y-axis, while population values are plotted on a linear x-axis formatted in billions. The visualization uses D3 v5 with SVG rendering, employing `scalePoint` for the categorical axis, `scaleLinear` for population, and `axisLeft`/`axisBottom` to generate gridlines and tick labels. Circle radii are fixed, with data loaded via `csv` and preprocessed by multiplying population values by 1000.

Ccyanea1

95% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the populations of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate, with countries arranged on the y-axis and population values on the x-axis. Using D3 v5, the code employs `scalePoint` for the categorical country positions, `scaleLinear` for the numeric population scale, and SVG circles to mark each data point. The chart includes a formatted x-axis that abbreviates large numbers using the `format` function, and grid lines are drawn via axis tick sizes.

LLinkous

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

94% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries using 2018 estimates from United Nations World Population Prospects data. Each country appears as a steel-blue circle positioned along a linear population scale on the x-axis and a point scale for country names on the y-axis. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with SVG rendering for the chart elements. Grid lines span the full chart width and height, while formatted tick labels abbreviate large numbers.

Yylzami40

93% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries, using a linear scale for population on the x-axis and a point scale for country names on the y-axis. Data comes from the 2018 United Nations World Population Prospects estimate. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the chart. Circle radius is fixed at 18 pixels, with steelblue fill, and the population axis uses custom tick formatting to abbreviate large numbers with letters.

Wwangqin2215

93% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays population estimates for the top 10 most populous countries in 2018, sourced from the United Nations World Population Prospects. Each country is positioned along the x-axis using a point scale, while the y-axis uses a linear scale to represent population values. The visualization is rendered as SVG circles with steelblue fill, built using d3.csv, scalePoint, scaleLinear, axisLeft, and axisBottom from D3 v5. The chart includes styled tick marks and labels, though the current code does not yet render the data points themselves.

ZZachary Werkhoven

93% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the population of the top 10 most populous countries, with each country positioned along a categorical y-axis and its population on a linear x-axis. The data, sourced from the 2017 United Nations World Population Prospects, is preprocessed by multiplying values by 1000. Using D3 v5, the visualization employs `scalePoint` for the ordinal y-axis and `scaleLinear` with `.nice()` for the x-axis, rendering circles via SVG. Axes are generated with `axisLeft` and `axisBottom`, with tick labels formatted using `format('.3s')` to abbreviate large numbers.

CCurran Kelleher

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

93% match