Skip to main content
SimilarExport ZIP
100%

scatter plot

✓ Published1🌍 Public
Ssivaparchuri2000@gmail.com
Last edited Mar 25, 2025
Created on Mar 25, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
93% 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
90% 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
89% match
Loading thumbnail…

Fork of Scatterplot

This fork of a scatterplot visualizes population by state using an SVG-based D3.js chart. The code loads CSV data from a GitHub Gist, maps states to the x-axis via `d3.scaleBand`, and population values to the y-axis with `d3.scaleLinear`. Circles mark each state's population, with rotated x-axis labels (`d3.axisBottom`) and added titles and axis labels. The chart uses D3 v7 and renders entirely with SVG elements.

Ssivaparchuri2000@gmail.com
88% match
Loading thumbnail…

scatter

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`.

MManeesh Kumar
87% 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
81% match
Loading thumbnail…

Srividya Scatter Plot

This scatter plot displays the relationship between state area and 2011 population for U.S. states, with population on the y-axis and area on the x-axis, showing a positive correlation. Using D3.js v7 (d3.v7), the visualization applies d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and renders data points as SVG circles. The data is loaded from a CSV file via d3.csv, with each dot representing a state.

Ssrividyamadas@gmail.com
81% match
Loading thumbnail…

scatter plot

A scatter plot displays population figures for ten countries, with each circle positioned along a linear population axis and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with a steelblue fill. Data comes from a CSV file, with populations multiplied by 1000 and formatted using `format('.3s')` to show billions. Gridlines extend across the plot, and axis labels are added via appended SVG text elements.

Llinkshady
80% match