correlation matrix

100%

correlation matrix

✓ Published0🌍 Public

Last edited Dec 29, 2016

Created on Dec 29, 2016

This example uses the classic Iris flower dataset to create a correlation matrix, plotting every pair of measurements (sepal length, sepal width, petal length, petal width) in a scatterplot grid. Each cell shows the relationship between two traits, with points colored by species, and a d3.svg.brush allows brushing on any cell to highlight matching points across the entire matrix. The visualization is built with d3.v3, using d3.scale.linear for axes, d3.svg.axis for ticks, and d3.scale.category10 for colors, all rendered as SVG circles and rectangles from data in a CSV file.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Correlation Matrix

This visualization shows the relationships between four measurements from the Iris dataset using a parallel coordinates plot, where each flower is represented as a polyline crossing four vertical axes. The plot uses D3 v7’s `scaleLinear` for each dimension and `scalePoint` for axis positioning, with the axes labeled sepal length, sepal width, petal length, and petal width. Data is loaded from a CSV file and parsed into numeric values before being rendered as an SVG with semi-transparent circles at each data point.

Nn90098@gmail.com

88% match

Loading thumbnail…

scatter_plot_matrices _2

This example shows a scatter plot matrix for the Iris dataset, displaying pairwise relationships between sepal and petal measurements. Each off-diagonal cell contains a scatter plot colored by species, while the diagonal cells show histograms of individual traits. The visualization uses D3 v5 with SVG rendering, leveraging `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.brush`, and `d3.histogram` to build the matrix. Data loads from a CSV file, and users can brush cells to explore correlations across dimensions.

Wweird_danger

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

82% match

Loading thumbnail…

scatterplot

This scatterplot matrix visualizes the Iris dataset, showing pairwise relationships between sepal and petal measurements, with histograms along the diagonal and color-coded points by species. The plot uses d3.brush for interactive brushing and selection across cells, while d3.histogram generates the diagonal distributions. SVG rendering with d3.scaleLinear, d3.scaleOrdinal, and axis components handles scaling and annotation. The interface allows brushing to highlight subsets across all scatterplots simultaneously, with non-selected points dimmed via a hidden class.

Ddaniel

81% match

Loading thumbnail…

A5_ScatterplotMatrix

This example presents a scatterplot matrix for the Iris flower dataset, showing pairwise relationships between sepal and petal measurements, colored by species. It highlights how the visualization reveals clusters and correlations across dimensions. The code uses D3 v7 to create SVG circles, with `scaleLinear` for axes, `scaleOrdinal` for categorical colors, and `axisLeft`/`axisBottom` for ticks. Data is loaded from a CSV via `d3.text`, and mouseover events add a yellow highlight to all circles in a cell, emphasizing points under inspection.

DDuc Pham

80% match

Loading thumbnail…

Fork of Fork of 1006

This interactive scatter plot matrix visualizes the Iris dataset, showing pairwise relationships between sepal and petal measurements. Each cell displays the correlation between two features, with points colored by species. Users can brush a region in any plot to highlight the selected data points across all other cells simultaneously. The visualization uses D3 v4 with `d3.brush()` for selection, `d3.scaleLinear()` and `d3.axisBottom()`/`d3.axisLeft()` for axes, and `d3.scaleOrdinal()` for species coloring. Data is loaded from an external CSV file and rendered as SVG circles.

Eeyxxr1260@gmail.com

80% match

Loading thumbnail…

Scatterplot Matrix Brushing

A scatterplot matrix uses the classic iris flower dataset to display pairwise correlations across four measurements: sepal and petal length and width. Each cell contains a scatterplot of two traits, and users can drag a rectangular brush over any plot to highlight the same flowers across all other cells. The highlighted selection is synced throughout the matrix, while unselected points are grayed out. The visualization is built with D3 v3, using SVG rendering, `d3.scale.linear` for axes, and `d3.svg.brush` to manage brush interactions.

Mmbostock

80% match