Connecticut SAT Scores

100%

Connecticut SAT Scores

✓ Published0🌍 Public

Last edited Sep 29, 2017

Created on Nov 12, 2017

This visualization, built with D3 v4, uses an SVG-based scatterplot to compare Connecticut school district SAT performance between 2012 and 2013. Each district is positioned by its participation rate on the x-axis and the percentage of students meeting the College and Career Readiness benchmark on the y-axis, with points sized by the number of test-takers. Color encodes the change in benchmark performance from 2012 to 2013, and a legend explains the scale. The chart is interactive, allowing users to explore the relationship between participation and performance across districts.

AI-generated description

Built with blockbuilder.org

This data is from Data.gov under the section "SAT School Participation and Performance: 2012-2013". Link to the data set.

This dataset contains data by school on student SAT scores relative to the SAT College and Career Readiness (CCR) Benchmark score of 1550 (critical reading, mathematics and writing sections combined) for the graduating classes of 2012 and 2013.

For the data visualization assignments, I chose to build the charts from scratch instead of copying a block as a starting point to help me better understand how to use D3. I looked at a number of examples and have used the book "Interactive Data Visualization for the Web" by Scott Murray.

mit Licensed

Similar vizzes

Loading thumbnail…

CT SAT Scores

This visualization uses a diverging bar chart to compare changes in Connecticut SAT scores between 2012 and 2013 across 78 schools. Each horizontal bar represents a school, colored by the direction of change in the percentage of students meeting the benchmark: orange for decreases and blue for increases. Hovering reveals exact values, and the chart is built with D3 v4 using SVG, with data from a CSV listing districts, schools, test-taker counts, participation rates, and benchmark percentages for both years. The view highlights variation in year-over-year performance, with tooltips providing precise numbers on user interaction.

CCJKraenzle

91% match

Loading thumbnail…

Data Summary

This block summarizes a table of Connecticut SAT scores from Data.gov using Datalib to inspect the shape of the data. It displays summary statistics for each column, giving a quick overview of the dataset's structure and highlighting trends such as changes in test-takers, participation rates, and benchmark performance. Built with D3 v4 and Datalib, it provides an efficient way to explore the data without loading a visualization.

CCJKraenzle

75% match

Loading thumbnail…

A4 Scatterplot D3

This scatterplot displays student math and verbal SAT score averages across all US states in 2015, with each circle representing a state and positioned by its paired test scores. Built with D3 v7, the visualization uses `d3.scaleLinear` to map data values to pixel coordinates within an SVG canvas and draws circles via `d3.selectAll().join()`. The chart includes labeled axes, a title, and hover interactions that change point colors. Data is loaded asynchronously from a CSV file using `d3.csv`.

EEric Yao

70% match

Loading thumbnail…

A6 Scatterplot D3

This scatterplot visualizes the relationship between average math and verbal SAT scores across US states in 2015, with each state represented as a circle. The color of each point encodes the state’s average math GPA using a d3.scaleThreshold with discrete color ranges, and a d3.legendColor legend clarifies the mapping. The chart is built with D3 v7, rendering SVG elements with d3.axisBottom and d3.axisLeft for the axes. Hovering reveals a tooltip with state details, while the data comes from the satscores.csv file.

EEric Yao

68% match

Loading thumbnail…

A5 Bubblechart D3

This visualization displays the relationship between math and verbal SAT scores across U.S. states in 2015, with each circle representing a state positioned by its two average scores. Circle size encodes the number of test takers, while red and blue fill colors indicate whether the state’s average math GPA falls below or above 3.5. Hovering highlights points in orange. The chart is built with D3 v7 using `d3.scaleLinear` for axes and radius, `d3.scaleOrdinal` for color, and SVG elements for rendering, with data loaded from a CSV file.

EEric Yao

68% match

Loading thumbnail…

SAT Scores Map in the U.S.

A choropleth map of the United States displays average total SAT scores by state, using a blue sequential color scale to encode score ranges from 900 to over 1300. Hovering or clicking a state reveals its numeric total. The visualization loads state boundaries from a GeoJSON file and joins them with CSV data using d3.csv, then renders paths with d3.geoPath and the geoAlbersUsa projection, while a gradient legend is built with d3.scaleLinear.

HHaolong Liu

68% match

Loading thumbnail…

A4 Histogram D3

This histogram shows the distribution of average math SAT scores across US states from 2005 to 2015, with the x-axis spanning score values from 380 to 620 and the y-axis counting the number of state averages per bin. Data is loaded from a CSV file via `d3.csv`, then processed with `d3.histogram()` to create ten bins based on `x.ticks(10)`. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft` for axes, and rectangular bars that highlight orange on hover via CSS. The chart is built with D3 v7.

EEric Yao

67% match

Loading thumbnail…

Untitled

A D3.js v4 scatter plot maps student SAT math scores to the x-axis and SAT verbal scores to the y-axis, with circle size encoding ACT scores and fill color representing GPA via a custom color scale interpolating between white and dark teal. The SVG visualization uses d3.scaleLinear for positioning and sizing, d3.axisLeft and d3.axisBottom for tick marks, and binds data from a static JavaScript array of student records, applying semi-transparent fill colors.

MMinaSSaleh

67% match