Skip to main content
SimilarExport ZIP
100%

ScaterPlot

✓ Published2🌍 Public
Uumihito
Last edited May 20, 2020
Created on May 20, 2020
Forked from Customizing Axes

This scatterplot displays the population of the top 10 most populous countries in 2018, based on United Nations data. The code uses D3 v5 with an SVG rendering approach, employing `d3.scalePoint` for the categorical y-axis and `d3.scaleLinear` for the population x-axis. Customized axes with formatted tick labels (converting billions to B) and gridlines are generated via `d3.axisBottom` and `d3.axisLeft`. The title and axis label are added as SVG text elements.

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…

Scaterplot

This scatterplot shows the population of the top 10 most populous countries, using a linear scale for population and a point scale for country names from United Nations 2018 estimates. The chart uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render an SVG visualization with custom tick formatting that converts large numbers to abbreviations. Gridlines extend from both axes, and circles are positioned using the scales with a fixed radius, while axes are customized by removing domain paths and styling tick elements via CSS.

Aantoinecarto
93% match
Loading thumbnail…

Scatter Plot

This scatter plot depicts the populations of the top 10 most populous countries in 2018, based on United Nations data. It uses D3 v5 with an SVG rendering, employing `scaleLinear` for the population axis and `scalePoint` for the categorical country axis. Customized axes include formatted tick labels that convert large numbers to abbreviations, and grid lines extend through the plot area. Circles represent each country, and the visualization highlights axis customization techniques.

Yylzami40
93% match
Loading thumbnail…

scaterplot

This scatterplot-style bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scalePoint` for categorical country placement. Custom axes with `axisBottom` and `axisLeft` include tick formatting that converts values to billions, while circles mark each country’s population. The code loads data from `data.csv` and multiplies populations by 1000 to reflect actual numbers.

Jjmmoser7
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using a 2018 United Nations estimate, mapping population on the x-axis and country names on the y-axis. It uses D3 v5 with SVG rendering, employing `scaleLinear` for the population axis, `scalePoint` for categorical positioning, and `axisBottom`/`axisLeft` for gridlines and tick marks. The code formats population values using `format` with a B suffix for billions.

BBo Yang
92% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018. It uses D3 v5 with SVG rendering to create a clear, labeled visualization. The code employs `scaleLinear` and `scalePoint` for positioning, `axisLeft` and `axisBottom` for the axes, and format specifiers to abbreviate large population numbers. Data is loaded from a local CSV file containing country names and population estimates from the United Nations World Population Prospects.

Aadvaitkulkarni08
92% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `d3.scalePoint` for the categorical country axis and `d3.scaleLinear` for the population axis. Circles mark each country’s position, while customized axes include a formatted tick label that converts population values to billions. The chart is built from a CSV file and demonstrates axis customization through `d3.axisBottom` and `d3.axisLeft`.

LLinkous
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, using data from the 2018 estimate in the United Nations World Population Prospects 2017. It uses D3 version 6, with the SVG rendering approach. The code employs `scaleLinear` for the population x-axis and `scalePoint` for the categorical country y-axis. Grid lines are created with `tickSize`, and axis labels are added using D3's `text` API.

Aanuj1450
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The code uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. It customizes axes with `axisLeft` and `axisBottom`, formats tick labels with `format('.3s')`, and adds a title and axis label. Data is loaded from a CSV file via `csv()`.

Llerik03
91% match