Skip to main content
100%

Scatterplot Matrix

✓ Published0🌍 Public
Aanaeliaovalle
Last edited Feb 22, 2017
Created on Feb 22, 2017

This scatterplot matrix visualizes pairwise correlations across six quantitative variables (k_median and five rank-conditional metrics) for 30 observations, colored by tiername (Highly selective vs. Nonselective). Each cell in the matrix is a scatterplot of two traits, with axes scaled independently to their domains. Diagonal cells display trait names as bold capitalized labels. The visualization, built with D3 v3 and SVG, includes axes with tick marks, light gray gridlines, and semitransparent circles colored by category. The data comes from a CSV of college rankings and selectivity categories. This example forks Mike Bostock's scatterplot matrix block, itself based on Anderson's iris flower data, and adapts it for the given dataset.

AI-generated description

The scatterplot matrix visualizations pairwise correlations for multi-dimensional data; each cell in the matrix is a scatterplot. This example uses Anderson's data of iris flowers on the Gaspé Peninsula. Scatterplot matrix design invented by J. A. Hartigan; see also R and GGobi. Data on Iris flowers collected by Edgar Anderson and published by Ronald Fisher.

See also this version with brushing.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3213173'>Scatterplot Matrix</a>

forked from <a href='http://bl.ocks.org/anaeliaovalle/'>anaeliaovalle</a>'s block: <a href='http://bl.ocks.org/anaeliaovalle/a735a244633fd9fd391d1de18573a2fc'>Scatterplot Matrix</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Scatterplot Matrix

This scatterplot matrix visualizes pairwise correlations for multidimensional data on child rank relative to parent income quartile among California universities. Each cell is a scatterplot comparing two variables, with axes scaled per variable and formatted to show values in thousands or percentages. Points are colored by institution tier (e.g., Highly Selective, Selective) using an ordinal color scale, and circles are semi-transparent to reveal overlapping data. The matrix layout uses shared axes on the right and bottom, with categorical labels on the diagonal. The data comes from Anderson's iris dataset, though the visualization here is adapted for university income data. The example is built with D3 v3 and renders as SVG, with styling applied via CSS for crisp axis lines and capitalized cell labels. A title at the top reads "Child Rank Relative to Parent Income Quartile for Universities in California." This implementation is a fork of Mike Bostock's scatterplot matrix block, using a custom dataset and color scheme to highlight tiers of selectivity.

Aanaeliaovalle
82% match
Loading thumbnail…

Scatterplot Matrix

A scatterplot matrix visualizes pairwise correlations across four measured traits of iris flowers, using Anderson’s dataset. Each cell displays a scatterplot with points colored by species, and diagonal cells label each trait. The code uses D3 v3 to build the matrix, applying linear scales (`d3.scale.linear`), SVG axes (`d3.svg.axis`), and SVG circles for data points. Data loads from a CSV file via `d3.csv`. The matrix layout is generated by computing the cross-product of traits with a custom `cross` function.

Mmbostock
79% match
Loading thumbnail…

Scatterplot Matrix

This scatterplot matrix visualizes pairwise correlations among four measurements of iris flowers, with each cell plotting one trait against another. The color of each point indicates the flower's species, derived from Anderson's classic dataset. The visualization uses the d3.v3 library, with SVG rendering. It constructs the matrix using d3.scale.linear for axes and d3.svg.axis for ticks, with d3.csv loading the data and d3.extent computing each trait's domain.

AAndresAnayaIsaza
79% match
Loading thumbnail…

Scatterplot Matrix Brushing

This example presents a scatterplot matrix for multidimensional data, where each cell displays a pairwise correlation between traits. Users can see the relationships across all variable combinations at once, with data points colored by category. The visualization is built with D3 v4, using SVG rendering and d3.scaleLinear for axes. It loads JSON data and renders circles for each observation, with axes styled via d3.axisBottom and d3.axisLeft. The matrix layout is generated programmatically, showing all trait pairings in a grid.

LLauraCortes
78% match
Loading thumbnail…

Scatterplot Matrix with D3

A scatterplot matrix displays pairwise relationships among four numeric measurements of iris flowers, with points colored by variety using a categorical color scale. Built with D3 v7 and SVG, the visualization renders a grid of small multiples, each pairing two variables on linear scales. The code constructs scales and axes from column metadata, uses `d3.cross` to generate cell positions, and applies `d3.InternSet` to filter data by variety. Labels appear along the diagonal, and the d3-legend library is linked but legend rendering is not implemented in the visible script.

OOlha
78% match
Loading thumbnail…

Scatter Plot Matrix in D3

This scatter plot matrix displays pairwise relationships among four numeric Iris flower measurements, with points colored by species using a D3 ordinal scale. Each cell is an SVG chart rendered via `d3.axisLeft`, `d3.axisBottom`, and `d3.scaleLinear`, with diagonal cells labeling the corresponding dimension. The code loads Iris data from a GitHub Gist CSV, parses numeric fields, and iterates through all column combinations to generate a 4×4 grid of plots using `d3.csv` and `d3.select`.

EEunice Tu
77% match
Loading thumbnail…

Scatterplot Matrix

This scatterplot matrix visualizes pairwise correlations between color channels (red, green, blue) and categorical labels from Anderson’s iris flower dataset. Each cell plots one channel against another, with points colored by their RGB values from the colorbrewerCategorical8.csv data. The diagonal cells display channel names as titles. Built with D3 v3, the code uses `d3.scale.linear`, `d3.svg.axis`, and a `cross` function to generate the grid, rendering circles as SVG elements with fill colors derived directly from the data.

Aalex-r-bigelow
77% match
Loading thumbnail…

Scatter Plot Matric

A scatter plot matrix visualizes pairwise relationships among four traits of the Iris dataset (sepal length/width, petal length/width), with off-diagonal cells showing colored points by species and diagonal cells displaying histograms of each trait. Built with D3 v4, it uses `d3.scaleLinear` for axes, `d3.histogram` for binning, and `d3.brush` for interactive selection, rendering SVG with `d3.axisBottom` and `d3.axisLeft` labels.

Ssunnyshih0312@gmail.com
76% match