Skip to main content
SimilarExport ZIP
100%

Scatterplot Matrix

✓ Published0🌍 Public
AAndresAnayaIsaza
Last edited Feb 4, 2017
Created on Feb 4, 2017

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.

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
92% 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
88% 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
87% match
Loading thumbnail…

Fork of Scatter Plot

A scatter plot matrix displays pairwise relationships among four Iris flower measurements, with off-diagonal cells showing colored points by species and diagonal cells presenting histograms of each variable. The visualization uses D3 v4 with SVG rendering, employing d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.histogram to construct the grid. Color encoding via d3.scaleOrdinal distinguishes Iris-setosa, Iris-versicolor, and Iris-virginica using the classic Iris dataset loaded from a CSV file.

Ddaniel
84% match
Loading thumbnail…

correlation matrix Final

This scatterplot matrix uses the iris dataset to show correlations between four flower measurements. Each cell displays a scatterplot of one trait against another, with points colored by species, and the diagonal cells display trait names. Brushing a rectangular region across any plot highlights matching points across all other plots, while a gray "hidden" class dims non-selected circles. Built with D3 v3, it uses SVG axes, linear scales, and `d3.svg.brush` for interactive filtering, with data loaded from a CSV file.

MMohamedZaki
84% match
Loading thumbnail…

Scatterplot Matrix Brushing

This scatterplot matrix shows pairwise correlations among four measurements of iris flowers, colored by species, with the ability to brush in any cell to filter and highlight matching points across all other cells. The visualization is built with D3 v3 using SVG, CSV data loading via `d3.csv`, and scales from `d3.scale.linear`. Brushing relies on `d3.svg.brush`, with brush events (`brushstart`, `brush`, `brushend`) updating circle visibility via the `hidden` class. The iris dataset originates from Anderson and Fisher, and the matrix layout is generated through a cross-product of trait pairs.

KKuerzibe
84% match
Loading thumbnail…

Brushable Scatter Plot Matrix

A brushable scatter plot matrix displays pairwise relationships among four numeric iris flower measurements, with histograms along the diagonal showing each variable's distribution and points colored by species. The visualization is built using D3 v7, rendering SVG elements via `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.histogram` for binning the diagonal distributions. Each off-diagonal cell encodes two variables as a scatterplot, while the color scale uses `d3.scaleOrdinal` with `d3.schemeCategory10` to distinguish Iris species.

Yyuting89830@gmail.com
84% match
Loading thumbnail…

Untitled

A scatterplot matrix displays pairwise relationships among four measurements of the Iris dataset, colored by species using a D3 ordinal scale. The visualization arranges 4x4 grid cells, each showing a scatterplot for a variable pair, with axes rendered via d3.axisLeft and d3.axisBottom. Diagonal cells display variable name labels instead of plots. Data loads asynchronously from a CSV file, with linear scales mapping each variable's extent to plot dimensions. Rendered as SVG circles with radius 2, using d3.select and d3.csv for data binding.

Ssubratanp
83% match