Brushing and Linking

In this project, I build a visualization that utilizes multiple coordinated views using brushing and linking. Given two scatterplots that show different attributes of my data, I add the interactivity that allows selections in one view to highlight corresponding data points in the other view (i.e., brushing and linking). The dataset I will use for this project consists of SAT scores. For the first scatterplot, SAT mathematics scores (SATM) should be mapped to the x coordinate and the SAT verbal scores should be assigned to y coordinate. For the second scatterplot, the ACT attribute should be mapped to the x coordinate and the GPA attribute should be mapped to the y coordinate. Each scatterplot is drawn in an SVG element of size 400x400px.

Built With

• d3.js