Skip to main content
SimilarExport ZIP
100%

Scatterplot

✓ Published1🌍 Public
VVeena Muralidharan
Last edited Aug 23, 2019
Created on Aug 23, 2019
Forked from Customizing Axes

This scatterplot displays the population of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects estimate. Each circle’s horizontal position encodes population and vertical position encodes country. The implementation uses `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes, which are customized with tick sizing and formatting. Circles are rendered via `append('circle')`, and the chart includes a title and axis label with custom CSS styling.

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…

Scatterplot

This scatterplot displays the population of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects estimate. Each circle’s horizontal position encodes population and vertical position encodes country. The implementation uses `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes, which are customized with tick sizing and formatting. Circles are rendered via `append('circle')`, and the chart includes a title and axis label with custom CSS styling.

VVeena Muralidharan
100% match
Loading thumbnail…

Scatterplot

This scatterplot visualizes the population of the top 10 most populous countries using data from the 2017 United Nations World Population Prospects. Each circle represents a country, with its horizontal position encoding population size and its vertical position encoding country name. The visualization uses D3 v5 to create SVG output with axes, tick marks, and labels. It employs `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to map the data, and the chart includes a title and population axis label.

TTristan Schrader
95% 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
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top ten most populous countries based on 2018 estimates from the United Nations World Population Prospects. Each circle’s position encodes population on the x-axis and country on the y-axis, with all circles sized at a fixed radius. The visualization uses D3’s `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for tick marks, and `format` to abbreviate population numbers. Data is loaded from a CSV file, and the rendering is done via SVG, using circles to represent data points and custom styling for text and gridlines.

Rrebeccayc
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with each circle’s position determined by population on the x-axis and country on the y-axis. Data comes from the United Nations’ World Population Prospects 2017, loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for the x-scale, `d3.scalePoint` for the y-scale, and renders circles as SVG elements, with `d3.axisBottom` and `d3.axisLeft` providing labeled axes and gridlines.

Aatree-rohit
94% 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. The visualization uses D3 v6 with SVG rendering to position circles along categorical y-axis points and a linear x-axis. It employs `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.axisBottom` to create the chart, with population values formatted from thousands to billions using `d3.format`. Background grid lines extend from both axes, and the data is loaded asynchronously via `d3.csv`.

Ddata-inside
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries in 2018, sourced from the United Nations World Population Prospects. Each circle represents a country, plotted along a linear population axis (formatted in billions) against a categorical country axis. The chart uses d3’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs to construct the SVG visualization. Circles are rendered with a fixed radius, and gridlines extend from the x-axis ticks.

Ddanrhymes
94% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate. Each circle’s horizontal position corresponds to its population value, while its vertical position is determined by country name along a point scale. The visualization uses d3.scaleLinear and d3.scalePoint to map data, with d3.axisBottom and d3.axisLeft generating labeled axes. Circle elements are rendered in SVG, and the code applies a custom tick formatter using d3.format to abbreviate large numbers with a 'B' suffix.

Aaxliao
94% match