english-exams

100%

✓ Published0🌍 Public

Last edited Aug 14, 2020

Created on Aug 13, 2020

The visualization contrasts exam grade predictions for state and private school students, showing how incorporating school type introduces systematic bias against state students. A scatterplot plots classroom scores against exam scores, overlaying trend lines for each school type, while side-by-side histograms display model prediction errors with and without the school-type adjustment. The code uses D3.js with SVG for the scatterplot and histograms, plus seeded random number generation via `seedrandom` to create synthetic student data. Simulated data points are colored orange and steelblue to distinguish school types, with tooltips attached via a custom `attachTooltip` helper.

AI-generated description

“We’ve got a system that is, I believe, the fairest that we can do” - Gavin Williamson, education secretary.

Equalities body warns it may step in after A-level downgrades in England

England A-level downgrades hit pupils from disadvantaged areas hardest

Similar vizzes

Loading thumbnail…

Reusable Scatter plot Activity 8

This animated scatter plot uses D3.js to visualize high school student data, cycling through four different variable pairs on the x-axis every few seconds. Colored circles represent individual students, with sky blue, light green, and orange indicating grade categories (A, B, and D). The visualization employs the custom `scatterPlot` module, which utilizes D3 scales, axes, and SVG rendering to create the animated chart. Data is loaded from a CSV file hosted on GitHub, and the animation is driven by `setInterval`.

Lleftymadi

72% match

Loading thumbnail…

Linking scatter plots and bar charts

The chart links a scatter plot of exam scores with a bar chart, using animated transitions to filter and highlight data by category. The bar chart displays the distribution of math scores binned into histograms, colored by ethnicity. Clicking a bar filters the scatter plot to show only the corresponding data points, while the bar chart also supports linked selections between the two views. The visualization uses SVG and D3 v5, with data loaded from a CSV file.

AAlexDaGr8

72% match

Loading thumbnail…

Students Performance in Exams Example Scatter Plot

This example visualizes the relationship between reading and math scores for students, using a scatter plot where each point represents an individual student's performance. The SVG markup is rendered with D3 v6, employing `scaleLinear` and `extent` to map data values to pixel coordinates, with `axisLeft` and `axisBottom` providing labeled scales. Data loads asynchronously from a CSV file sourced from Kaggle, and the plot includes custom text labels for axes and a title. Point radius is fixed at three pixels, and axes display scores from zero to one hundred.

Kkwmcclintick

71% match

Loading thumbnail…

Homework #3

This visualization presents student grades as a set of circles positioned along a common scale from 0 to 6 on the x-axis, with student codes on the y-axis. Each circle is colored based on its distance from the class average: green for the maximum grade, red for the minimum, blue for grades within one standard deviation, orange for those within two standard deviations, and purple for outliers beyond that. The visualization uses position and color hue to support tasks of presenting grades and discovering extreme values, and includes animated text labels for grades, interactive tooltips on mouseover, and gridlines to aid in comparison across the distribution.

JJuanSMartinez

70% match

Loading thumbnail…

D3 Test Fork

This visualization plots student grades against video views in a 2013 HarvardX/MITx course dataset. The scatterplot uses a log scale for the x-axis to accommodate data spread, with D3 v5’s `scaleLog` and `scaleLinear`. Built with React and rendered as SVG, the code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components. Dots are initially colored a fixed red, though the author notes an intention to color by institution, as seen in the `colorValue` variable and `schemeCategory10` import.

RRoquelaur77

70% match

Loading thumbnail…

Untitled

This scatterplot visualizes the relationship between mean ELA scores and the proportion of white students in schools, using data from a D3_School.csv file. The chart displays 100 data points as circles, with tooltips showing the mean ELA score on hover. Built with D3 v4, it uses `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and SVG circle elements, with mouseover, mousemove, and mouseleave events controlling tooltip opacity and positioning.

Ddillonsparks

70% 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

69% 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