Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot - Boston Non Private Schools

✓ Published0🌍 Public
PPhilip Rago
Last edited Sep 30, 2021
Created on Sep 16, 2021

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.

AI-generated description

An X,Y plot of the non public schools in Boston.
Learn more about the data here

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot - Postsecondary Schools

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

PPhilip Rago
80% match
Loading thumbnail…

Loading Boston non Public Schools CSV

This example displays a text summary of the non-public schools dataset for Boston, MA. It uses the d3.csv API to load a remote CSV file and then reports the file size in kilobytes, the number of rows, and the number of columns. The code formats the output using d3.csvFormat to calculate the data size and then inserts the message into a pre element via plain DOM textContent. The rendering is minimal, focusing on the data-loading and inspection process rather than any visual chart.

PPhilip Rago
78% 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…

Interactive Scatter Plot for Boston Housing Dataset

This interactive scatter plot explores correlations among variables in the Boston Housing Dataset, with dropdown menus to select X and Y axes. Points encode Charles River proximity via color and pupil-teacher ratio via size. Hovering over legend items filters and highlights matching points by adjusting opacity (20%, 50%, 80%). Built with React and D3 v5, it uses `scaleLinear` for positioning and size, `scaleOrdinal` for color, and SVG rendering. Data is loaded via `d3.csv` from a GitHub-hosted CSV file.

Yyuzhang21
72% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Boston housing dataset, comparing median home values against various attributes such as room count, lower status population, and crime rate. Built with D3.js, the visualization cycles through these different x-axis variables every two seconds, dynamically updating the plot and axis labels. The chart uses SVG rendering and employs a custom, reusable scatter plot charting function that leverages D3's linear scales, extent, and axis utilities for data mapping and visual encoding.

Rranjithkmr598@gmail.com
71% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot shows the relationship between average class size and in-district expenditures per pupil for Massachusetts public schools in 2017, using data from the MA_Public_Schools_2017.csv file. Each circle represents a school, with position determined by those two quantitative variables. The chart is rendered in SVG via D3 v4, using scale functions for the axes and a simple circle-based encoding. The visualization highlights the distribution and potential correlation between school spending and class size, with the grid of points making outliers and clusters visible at a glance.

HHawkinsJM
71% match
Loading thumbnail…

Scatter Plot with Menus for Boston Housing Dataset

This interactive scatter plot explores correlations among variables in the Boston Housing Dataset, which includes 14 attributes such as crime rate, room count, and median home value. Users select any two variables from dropdown menus to map to the X and Y axes, while point color encodes proximity to the Charles River, size reflects pupil-teacher ratio, and 35% opacity reveals overlapping points. The visualization uses React with d3.scaleLinear and d3.scaleOrdinal for scaling, SVG for rendering, and fetches CSV data via d3.csv, with tooltips showing median home value.

Yyuzhang21
70% match
Loading thumbnail…

NYC High Schools

This visualization compares NYC high school graduation rates against attendance rates using a scatterplot, and it also includes a bar chart showing the number of students per school. The scatterplot uses `d3.scaleLinear` for both axes, with `d3.axisBottom` and `d3.axisLeft` for tick marks, and circles jittered slightly to reduce overplotting. Hovering over a circle highlights all schools in the same neighborhood. The bar chart uses `d3.scaleBand` for its y-axis and `d3.scaleLinear` for the x-axis. Data is loaded as CSV from NYC Open Data, and the visualization is rendered as SVG with D3 v7.

Yyixual5
70% match