Fork of Ordinal Scatter Plot

100%

Fork of Ordinal Scatter Plot

✓ Published0🌍 Public

Last edited Apr 20, 2022

Created on Apr 20, 2022

This fork of an ordinal scatter plot visualizes the population of the top 10 most populous countries, using data from the 2018 United Nations World Population Prospects. It shows each country as a circle along a categorical y-axis, with the x-axis representing population in millions. The visualization is rendered as SVG using d3.v5, employing `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` for scales and axes. Data is loaded from a CSV file, with population values multiplied by 1000, and formatted with `format('.3s')` to display numbers in billions.

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…

Fork of Ordinal Scatter Plot

This fork of an ordinal scatter plot displays the top 10 most populous countries in 2018, with population size on the x-axis and country names on the y-axis. Using d3.scaleLinear and d3.scalePoint, the code maps data from a CSV file to circles, with d3.axisBottom and d3.axisLeft rendering grid lines and labels. The SVG chart applies a custom tick formatter to abbreviate large numbers, and data originates from the United Nations World Population Prospects 2017 estimate.

AAnthony Zornig

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

92% match

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

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

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

92% 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 shows the population of the top 10 most populous countries as circles positioned along a categorical y-axis, with a linear x-axis for population values. The chart uses `d3.scalePoint` for the ordinal country scale and `d3.scaleLinear` for population, with circle radius fixed at 18. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, while population labels use `d3.format` with custom tick formatting to abbreviate values. Data comes from the 2017 United Nations World Population Prospects estimate, loaded from a CSV file with `d3.csv`.

Ppinardag

91% match