Ordinal Scatter Plot

100%

Ordinal Scatter Plot

✓ Published1🌍 Public

Last edited Sep 27, 2019

Created on Sep 27, 2019

An ordinal scatter plot displays per-country carbon emissions using horizontal bars arranged along a categorical y-axis. The chart uses D3 v5 with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering SVG rectangles whose widths encode emissions values. Data is loaded from a CSV file via the `csv` method and multiplied by 1000 before drawing.

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

Kkratzbuerste

100% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays population estimates for countries, using a linear scale for population and a point scale for country names. The data comes from a CSV file, and the chart renders as SVG circles. The code uses D3 v5 functions including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, with a custom tick formatter that abbreviates large numbers using `format`.

Kkratzbuerste

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

82% match

Loading thumbnail…

Ordinal Scatter Plot

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.

Ccodiechanel

79% match

Loading thumbnail…

Scatter plot

A scatter plot displays CO2 emissions for top-ranking countries, mapping each country's total 2018 emissions in gigatons along a horizontal linear scale against a vertical point scale of country names. The visualization encodes data points as steelblue circles, with axes, gridlines, and labels styled via CSS. Built with D3 v6, it uses `csv` to load data, `scaleLinear` and `scalePoint` for positioning, and `axisBottom`/`axisLeft` for rendering axes, while `format` converts emission values to readable units. Data originates from UCSUSA's 2018 country emissions dataset.

Ccarbuncle-3djs

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

78% match

Loading thumbnail…

Ordinal Scatter Plot

This example uses a scatter plot with an ordinal y-axis to show the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The code uses D3 v5’s `scalePoint` for the categorical country axis, `scaleLinear` for the population axis, and `axisLeft` and `axisBottom` to render grid lines and ticks. Circles are drawn using SVG, with population values parsed from a CSV and reformatted in billions.

SSunny-DV

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

77% match