scatter

100%

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

A scatter plot visualizes U.S. state population against their population rank for 2024, where each dot represents a state and rank 1 is the most populous. The chart uses D3 v7 with SVG rendering, employing `d3.csv` to load data, `d3.scaleLinear` for both axes, and `d3.scaleSequential` with the Blue interpolator for color encoding. Hover tooltips via SVG `<title>` elements reveal state details. Data comes from `usa_states_population_2024.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter plot

This scatter plot displays the population of each U.S. state as a circle, with states positioned along the x-axis and population values mapped to the y-axis. It uses D3 v7 to load CSV data from a GitHub gist, converts the population values to numbers, and renders the plot as an SVG with `d3.scaleBand` for the categorical state axis and `d3.scaleLinear` for the population axis.

Ssivaparchuri2000@gmail.com

87% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of U.S. states from 2018 data, with each state represented as a circle positioned along a linear population axis and a categorical state axis. The visualization is rendered as an SVG using D3 v5, where the circle coordinates are computed via the `scaleLinear` and `scalePoint` scales, and axes are drawn with `axisBottom` and `axisLeft`. The chart includes a title and axis label, with population values formatted using D3's `format` function to abbreviate large numbers.

PPerry

86% match

Loading thumbnail…

Population Scatter Plot

This scatter plot displays the population of each U.S. state along the horizontal axis, with state names on the vertical axis. Built with D3 v5, it uses `scaleLinear` for the population scale and `scalePoint` for the categorical state axis, rendering circles via SVG. Data is loaded from a CSV file using D3’s `csv` method, with axes created by `axisBottom` and `axisLeft`. Tick labels are formatted using `format` to abbreviate large numbers with "B" for billions, and the chart includes a title and axis label.

HHarshinireddyy19

85% match

Loading thumbnail…

Fork of scatter plot

This scatter plot visualizes population by U.S. state, with each state represented as a circle positioned along a categorical x-axis and a linear y-axis scaled to population values. The code loads CSV data via d3.csv, converts population strings to numbers, and renders circles using d3.scaleBand and d3.scaleLinear for axes. Circles are appended to an SVG container with fixed coordinates computed from the scales, using a steelblue fill and a 5-pixel radius. The visualization highlights population disparities across states while maintaining a simple, readable layout.

Ssivaparchuri2000@gmail.com

84% match

Loading thumbnail…

Fork of Scatter Plot - ICE 6

This example visualizes birth-rate trends across U.S. states by plotting each state as a dot, comparing values from 2017 on the x-axis against 2018 on the y-axis. The scatter plot uses a fixed square scale domain (250,000 to 600,000) to emphasize changes between the two years, with green circles outlined in black. The code loads a CSV dataset via `d3.csv`, parses numeric fields, and renders the chart using D3 v6 with SVG elements, axes via `d3.axisBottom` and `d3.axisLeft`, and circle elements bound to the data. A mouseover handler logs the state and its two-year values to the console, but no interactive tooltip is displayed.

NNandini Maddula

80% match

Loading thumbnail…

Representatives Scatter Plot

A scatter plot shows how each U.S. state’s population change relates to its change in number of congressional representatives between 2010 and 2020, with circle size encoding each state’s 2020 population. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.scaleSqrt` for circle radius, and `d3.axisBottom` and `d3.axisLeft` with grid lines. Data is loaded via `d3.csv` from a GitHub Gist, with percentage tick labels formatted using `d3.format`.

CCurran Kelleher

80% match

Loading thumbnail…

scatter

The chart displays the populations of the top ten countries as circles positioned along a horizontal population scale and vertical country axis. Using D3.js v5 with an SVG canvas, the code loads population data from a CSV file and maps it through linear and point scales. The axis ticks are formatted with custom abbreviations, and grid lines are drawn via tick extensions, with circles filled in steelblue.

YYanxxx447

80% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle’s horizontal position scaled by population and vertical position by country name. Built with D3 v6, it uses `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom`/`axisLeft` for ticks. The SVG circles are colored steelblue, with an axis label and title. Data comes from a CSV file, with population values multiplied by 1,000.

HHe Jianfeng

79% match