Skip to main content
SimilarExport ZIP
100%

NYC High Schools

✓ Published0🌍 Public
Yyixual5
Last edited Dec 12, 2021
Created on Dec 12, 2021
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

NYC High school Demographics over Student Diversity Sentiment

This visualization shows how demographic composition relates to student satisfaction with diversity across NYC high schools. A slider browses 426 schools, updating a bar chart of the percentages of Asian, Black, Hispanic, Multiracial, and White students alongside the displayed satisfaction score. The code loads data from a CSV file using `d3.csv`, sorts schools by satisfaction, and animates each bar’s height with a `transition` on SVG rectangles. It relies on D3’s scale functions, axes, and the jQuery UI slider for interaction.

BBrian Hernandez
79% match
Loading thumbnail…

Assignment 2 Task 3 Scatter Plot

This scatter plot visualizes the relationship between high school ranking, high school strength, student involvement, and student activity levels, with point color encoding student grades (A, B, or other). The SVG visualization loads CSV data via d3.csv, scales the x and y axes with d3.scaleLinear, and renders circle marks using d3 selection joins. Axes are drawn with d3.axisLeft, d3.axisBottom, and styled with custom labels.

Lleftymadi
71% match
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
70% match
Loading thumbnail…

Split bar chart

This split bar chart shows how U.S. high school graduates use six social networks, breaking down each network’s share by usage frequency. The code uses d3.nest to group the CSV data by usage category, with d3.scaleBand for the inner columns and rows, and d3.schemeBuPu for color encoding. The underlying bars are drawn in light gray, while overlying bars use a linear scale to represent share values, with labels repositioned based on bar width via d3.select and classed.

663anp3ca
70% 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
69% 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
69% match
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
69% match
Loading thumbnail…

D3 Scatterplot Matrix

A D3.js scatterplot matrix compares SAT scores in math, reading, and writing, along with enrollment, across Manhattan, Bronx, and Brooklyn schools. Each row and column corresponds to one of the four variables, producing twelve scatterplots that reveal correlations and borough-specific clusters, with points colored by borough via a d3.scaleOrdinal. Built with d3.csv, scaleLinear, axisBottom/axisLeft, and an SVG rendering, the matrix is generated by nested loops over the variable pairs. A title and legend clarify the plot.

Mmariahdiaz
69% match