Skip to main content
100%

Scatterplot Matrix

✓ Published0🌍 Public
Aalex-r-bigelow
Last edited Feb 4, 2018
Created on Feb 4, 2018

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.

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>

gpl-3.0 Licensed

Similar vizzes

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
87% 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
86% 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
81% 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
80% match
Loading thumbnail…

Fork of D3 Scatter Plot Matrix multiple colors

This scatter plot matrix compares all numeric fields in the iris dataset, with each cell showing a bivariate relationship and points colored by species using d3.scaleOrdinal and a custom color array. The four-by-four grid is built with D3 v6, rendering each plot as an SVG with axes from d3.axisLeft and d3.axisBottom, and labels placed on the diagonal. Data is loaded from a CSV via d3.csv, while d3.extent sets the scales.

Xxychen0612.cs09@nycu.edu.tw
79% match
Loading thumbnail…

Scatterplot Matrix Brushing d3v4

This example shows a scatterplot matrix of Anderson’s iris flower measurements, with four quantitative traits (sepal and petal length and width) plotted pairwise for 150 specimens, colored by species. Users can drag a rectangular brush on any cell to highlight matching points across all other plots, while unselected circles are dimmed. Built with D3 v4, it uses `d3.brush` for interactive selection, `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` for axes, and `d3.schemeCategory10` for colors. Data is loaded from a CSV file describing Edgar Anderson’s dataset, rendered as SVG circles.

PPhilippe Rivière
79% match
Loading thumbnail…

Fork of Fork of Scatter Plot

This visualization presents an iris dataset scatter plot matrix, with off-diagonal cells showing colored scatter plots of trait pairs and diagonal cells displaying histograms of individual traits. The scatter plots use colored circles to distinguish the three iris species. Built with D3 v4, the code employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.brush`, and `d3.histogram` to render the SVG-based matrix, with axes and frames styled via CSS.

Ddaniel
78% match
Loading thumbnail…

D3 Scatter Plot Matrix multiple colors

A 4x4 scatter plot matrix compares all numeric fields of the classic iris dataset, with each cell plotting one field against another. D3 v6 renders 16 SVG charts, using `d3.csv` to load data, `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `schemeSet1` to color points by iris species, and `d3.axisLeft`/`d3.axisBottom` for ticks. Titles appear only on diagonal cells.

TToly
78% match