D3 Scatter Plot - Postsecondary Schools

100%

D3 Scatter Plot - Postsecondary Schools

✓ Published1🌍 Public

Last edited Sep 30, 2021

Created on Sep 16, 2021

A scatter plot displays the geographic coordinates of postsecondary schools across the US, with each point representing an institution’s X and Y location. The visualization includes labeled x- and y-axes, and the plot fills the entire browser window. Built with D3 v6, the code loads CSV data from a GitHub Gist, parses the coordinates as numbers, and uses `scaleLinear` to map the data to screen positions. Circles are rendered via SVG, with axes generated using `axisLeft` and `axisBottom`.

AI-generated description

A scatter plot of X,Y coords for Postsecondary schools around the US.
Learn more about the data here

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot - Boston Non Private Schools

This scatter plot maps the coordinates of non-public schools in Boston, with each circle representing a school’s location. Built with D3 v6, it loads CSV data from a GitHub gist and uses `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG. The plot fills the browser window, using the raw X and Y values from the dataset without additional encoding, and displays tick labels at 24 pixels for readability.

PPhilip Rago

80% match

Loading thumbnail…

Post Office Scatter Plot

This scatter plot displays the latitude and longitude of thousands of US post offices, with each semi-transparent circle representing a single location. Built with D3 v6 and SVG, it maps the dataset’s geographic coordinates onto linear scales using `d3.scaleLinear` and `d3.extent`, rendering circles with a radius of two pixels. The axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the data is loaded asynchronously from a CSV file hosted in a GitHub gist. The visualization reveals the density of post offices across the continental United States, with clusters forming along the East and West coasts.

RRobert Johnson

78% match

Loading thumbnail…

Scatterplot of Primary, Secondary, and Tertiary Schools

A scatterplot maps countries’ education statistics from a UN dataset on primary, secondary, and tertiary enrollment. Each circle’s vertical position represents the enrollment count, while its horizontal position corresponds to the education level, using a linear scale for the count and a point scale for the categorical level. The visualization is built with D3 v6, using `scalePoint` and `scaleLinear` to position marks, and `axisLeft` and `axisBottom` for chart axes. The code loads data via `d3.csv` and renders circles as SVG elements.

LLilly-beth Linnell

75% match

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot visualizes the relationship between two variables from the MA_Public_Schools_2017.csv dataset, with each point representing a school. Using D3 v4 with SVG rendering, the plot maps one metric to the x-axis and another to the y-axis, with axes automatically scaled from the data. The chart is intentionally minimal, focusing on showing the distribution and correlation of the selected variables across schools. The code from HawkinsJM loads the CSV and uses D3 scales to position circles, providing a straightforward example of how to construct a basic scatter plot with D3.

HHawkinsJM

75% match

Loading thumbnail…

Scatter plot

This scatter plot uses a point scale for the y-axis and a linear scale for the x-axis to display top countries by population. D3 v5 functions like `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` are used to render the SVG circles and axes. The chart reads from a CSV file, though the example uses dummy school data in place of the expected population dataset. The y-axis is labeled with school names while the x-axis shows population values, with axis labels and ticks styled via CSS.

Aarths-glitch

73% match

Loading thumbnail…

Scatter Plot

This scatter plot shows the Students to Staff Ratio for universities across different countries. It uses D3.js (version 7) with an SVG rendering approach to display each country as a red circle, positioned along a categorical x-axis for country names and a linear y-axis for the ratio values. The code loads data from a CSV file via a GitHub gist URL, and employs D3's `scaleBand` and `scaleLinear` functions to map the data coordinates, along with `d3.axisLeft` and `d3.axisBottom` to generate the axes.

Vvinodreddysagam929@gmail.com

73% match

Loading thumbnail…

D3 reusable Scatter Plot

This scatter plot visualizes a student dataset with marks, study time, and course count. Built with D3 v6, it uses a reusable chart pattern with scaleLinear, axisBottom, axisLeft, and SVG circles. The plot cycles its x-axis variable through three columns every five seconds, animating the data transition via setInterval. Data comes from a CSV loaded with d3.csv, and the chart updates in place when the x-value changes.

AArun Pratap

72% match

Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This visualization combines a scatter plot with line charts to explore university rankings, plotting countries on a shared x-axis band scale and metrics like research environment, quality, and industry impact on a y-axis from 0 to 100. It renders red circles for student-to-staff ratios alongside steelblue line paths per university, using the D3 v6 APIs `scaleBand`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft`. The data comes from a CSV of University Ranks, fetched via `d3.csv` and parsed with custom numeric conversions. The reusable `scatterPlot` module demonstrates a configurable chart factory pattern with setters for width, height, and value accessors.

Vvinodreddysagam929@gmail.com

72% match