Scatter Plot

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

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, with each country plotted along the vertical axis and its population along the horizontal axis. The visualization uses d3.csv to load the data, then d3.scaleLinear and d3.scalePoint to map population and country names to positions. SVG circles represent the data points, with d3.axisBottom and d3.axisLeft generating the axes. The chart applies d3.format to abbreviate population labels and uses a custom tick size to create grid lines.

Jjerry70938@gmail.com

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each country’s name on the y-axis and its population on the x-axis. The visualization uses D3 v5’s `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` APIs to load data, scale positions, and render axes. SVG circles represent each country, colored steelblue, with a formatted x-axis showing billions. Data comes from a local CSV file, and margins are applied to position the chart within the SVG canvas.

AAjit Singh

Scatter Plot

This scatter plot shows the population counts of the top 10 most populous countries, with each country positioned along a categorical y-axis and a linear x-axis scaled to population values. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` to render the SVG output. Data is loaded from a CSV file and processed by multiplying the population figures, with circle marks and axis labels styled via CSS.

JJasonXQH

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each country positioned along the vertical axis and its population on the horizontal axis. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom` and `axisLeft` to generate the gridlines and ticks. Data is loaded from a CSV file, and population values are formatted with the `format` API to abbreviate large numbers. The circles are uniformly styled with steelblue fills.

GGino Dzin

Scatterplot

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.

Bbcwein

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

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