Making a scatterplot

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using circles positioned along a point scale for country names and a linear scale for population values from the 2018 UN World Population Prospects estimate. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with tick formatting converting values to billions. Circle radii are fixed at 18 pixels, and gridlines extend across the plot area. The visualization features a title and axis labels, with data loaded from a local CSV file.

Ddtdenver

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 2017. Each circle represents a country, positioned along a linear x-axis for population and a point scale y-axis for country names. The code uses d3.csv, scaleLinear, scalePoint, axisBottom, axisLeft, and format to render the SVG chart with a custom tick formatter, grid lines, and axis labels.

YYedrup

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using a linear scale for population and a point scale for country names. The code leverages d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft to render the chart as SVG, with circles for each country and formatted tick labels. Data originates from the 2018 United Nations World Population Prospects estimate.

Mmellerjakub88

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, using circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The code leverages d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render an SVG visualization with gridlines. Data comes from the United Nations World Population Prospects 2019, with population values scaled by 1,000. The chart includes formatted tick labels and a title, with a steelblue fill for each circle.

Aarun-subba

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, using data from the 2017 United Nations World Population Prospects. The code uses D3 v5 to create an SVG visualization with circles positioned by d3.scaleLinear for population and d3.scalePoint for country names. Axes are customized with d3.axisBottom and d3.axisLeft, including tick formatting that converts values to billions. The chart includes axis labels and a title, with styling applied through external CSS.

Hhberrong

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

ScatterPlot2

This scatterplot displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 to render circles on an SVG canvas, with a linear scale for population and a point scale for country names. The code employs `d3.csv` to load the data, `scaleLinear` and `scalePoint` for positioning, and `axisBottom` and `axisLeft` for customized axes with tick marks and labels.

Llerik03