Skip to main content
SimilarExport ZIP
100%

Scatterplot

✓ Published1🌍 Public
Bbcwein
Last edited Mar 29, 2020
Created on Mar 29, 2020
Forked from Customizing axis

This scatterplot displays the populations of the top 10 most populous countries, plotting each country's population on the horizontal axis against its name on the vertical axis. The visualization uses D3 v5’s `scaleLinear` and `scalePoint` to map data, with axes generated via `axisBottom` and `axisLeft`. Circle marks are rendered in SVG, with a formatted x-axis that abbreviates numbers (e.g., "1.42B"). Data is loaded from a CSV file, where population values are multiplied by 1000 to reflect actual counts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, with each circle positioned along a point scale for country names and a linear scale for population values. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the chart. Population data is loaded from a CSV file, and axis tick labels are formatted using `format` with abbreviations like "B" for billions. The chart includes grid lines, an axis label, and a title, with circles styled in steelblue.

Kkkwyoung
96% match
Loading thumbnail…

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 visualization employs D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with fixed radii. Data is loaded from a CSV file with d3.csv, and population values are converted to numbers and multiplied by 1000. The chart includes formatted axis tick labels using d3.format’s `.3s` notation and gridlines via negative tick sizes.

Aandy-yc-lin
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear scale for population and a point scale for country names. The visualization loads data from a CSV file, multiplies the population values by 1,000, and renders an SVG using D3 v7. It employs `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with gridlines and custom tick formatting that abbreviates large numbers (e.g., 1.4B). The chart includes labeled axes and a title, styled via external CSS.

Wwisam-ahmed
95% match
Loading thumbnail…

Scatter plot

This 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. The visualization renders circles with a fixed radius of 15 pixels, colored steelblue via CSS, and includes axis labels and a title. Built with d3.v5, it employs `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to load data from a CSV file and generate SVG ticks. Population values are multiplied by 1000, and tick labels are formatted with abbreviations (e.g., "1.42B").

AAaron Goebel
95% match
Loading thumbnail…

Scatter plot

This scatter plot displays the populations of the top 10 most populous countries, with each circle positioned along a linear x-scale for population and a point y-scale for country names. The visualization uses D3 v7 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG chart with gridlines and formatted tick labels (e.g., "1.42B"). Data is loaded from a CSV file and multiplied by 1000 to reflect actual population figures.

FFahad Bin Emran
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top ten most populous countries, using a linear x-axis for population values and a point scale on the y-axis for country names. It loads data from a CSV file and renders circles with D3 v5’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs. The visualization features gridlines, formatted tick labels (converting billions to “B”), and an axis title, all drawn as SVG elements with a steel-blue fill for the data points.

Sshungshung
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries. A circle’s vertical position corresponds to the country name, while its horizontal position maps to the population value on a linear scale, with the x-axis formatted in billions. The visualization is rendered as an SVG using D3 v5, employing `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a CSV file and the population values are multiplied by 1000.

Rruubi0807@gmail.com
95% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear population scale on the x-axis and a point scale for country names on the y-axis. The visualization uses d3.csv to load data from a CSV file, d3.scaleLinear and d3.scalePoint for scaling, and d3.axisLeft and d3.axisBottom to render axes with grid lines. The SVG rendering applies a custom tick format to abbreviate large numbers, converting billions to "B".

JJason-Manbodh
95% match