Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot Socioeconomic

✓ Published0🌍 Public
PPeter Cordone
Last edited Sep 29, 2021
Created on Sep 11, 2021
Forked from D3 Scatter Plot

This scatter plot visualizes socioeconomic data from the US Census 2019-2010 American Community Survey, displaying employment counts by state and NAICS sector for 2019. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load the data and `d3.scaleLinear` and `d3.scalePoint` for positioning. Points are plotted using the `Estimate` values for employed civilians, with `d3.axisLeft` and `d3.axisBottom` providing labeled axes. User interactions are not apparent, as the code focuses on static scatter plot generation.

AI-generated description

A visualization of Socioeconomic data extract from US Census 2019-2010 American Community Survey by US state. The visualization shows the count of people employment by NACIS Sector for the year 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes the unemployment rate across different US states for a given year, using data from the "Unemployment in America Per US State" dataset. Each circle represents a state, with its position on the y-axis scaled to the unemployment rate. The plot uses D3's `scaleBand` for the categorical x-axis (states) and `scaleLinear` for the y-axis, with axes from `axisBottom` and `axisLeft`. Circles are rendered with configurable radius and opacity, and clicking a circle triggers an alert showing the state and its rate. The visualization is built using D3's join methodology for declarative SVG updates.

Oomniaabouhassan@gmail.com
75% match
Loading thumbnail…

D3 Scatter Plot - Earnings and Education

This scatter plot visualizes the relationship between years of education and hourly earnings, with blue points for males and red points for females. The data comes from a CSV file loaded asynchronously via `d3.csv`. The code uses D3 v6 scales (`d3.scaleLinear`), axes (`d3.axisLeft`, `d3.axisBottom`), and SVG circles to render the points with opacity for overlap. The chart fills the browser window, with margins defining the plotting area.

JJunying Li
74% match
Loading thumbnail…

D3Times

A scatter plot displays correlations between state-level health risk factors and socioeconomic indicators, plotting each U.S. state as a labeled circle. The visualization pairs smoking rates with poverty rates, with state abbreviations placed over each point. The code loads a CSV dataset and parses its numeric fields, then uses D3.js version 5 with SVG rendering to create the chart. Axes are generated using `d3.scaleLinear` and `d3.scaleBand`, while the Bootstrap framework provides the page layout and styling.

FFrankoOrtmann
74% 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
73% match
Loading thumbnail…

CV: Scatter Plot with US County Facts

This interactive dashboard visualizes demographic and economic indicators across US counties as a scatter plot, with dropdowns to change the X, Y, and color encodings. Points appear with staggered transitions using D3 v7, and clicking a circle displays detailed county facts in a side panel. The dark-themed interface uses React for layout and state management, with a ResizeObserver to handle responsive dimensions and D3 scales, axes, and color interpolation to render the SVG.

CCurran Kelleher
73% match
Loading thumbnail…

Parse socioeconmic_data_states_2019-2010.csv

This example parses a US Census socioeconomic dataset covering states from 2010 to 2019, displaying basic file statistics such as size in kilobytes, row count, and column count. It shows how to load and inspect a CSV file using `d3.csv`, then formats the results into a text message rendered in a large `<pre>` element. The code also includes commented alternatives using `fetch` with `async`/`await` and `d3.csvParse` for comparison. The data source is a remote CSV file hosted on GitHub Gist, containing quantitative census attributes like employment, occupation, industry, and poverty rates.

PPeter Cordone
73% match
Loading thumbnail…

Scatter Plot of Loading US GDP Data with axes

This example uses a D3.js scatter plot to visualize annual US GDP data, plotting the year on the x-axis against GDP in current dollars on the y-axis. The visualization loads data from a GitHub-hosted CSV file sourced from the Bureau of Economic Analysis. The code leverages D3’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to build scales and axes, with data parsed via `csvParse` and rendered as circles. A title labels the chart, and axes are annotated with descriptive text.

SSeekerzero
73% 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
72% match