Skip to main content
SimilarExport ZIP
100%

correlation matrix Final

✓ Published0🌍 Public
MMohamedZaki
Last edited Jan 9, 2017
Created on Jan 9, 2017

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/MohamedZaki/'>MohamedZaki</a>'s block: <a href='http://bl.ocks.org/MohamedZaki/43db0580314f851d5a3488a89db8be0b'>correlation matrix</a>

mit Licensed

Similar vizzes

Loading thumbnail…

correlation matrix

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.

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
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…

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
84% match
Loading thumbnail…

Brushable Scatterplot

This interactive scatterplot matrix displays the Iris dataset, showing pairwise relationships between four floral measurements. Each off-diagonal cell contains a scatterplot of data points colored by species, while diagonal cells display histograms of individual feature distributions. Users can brush rectangular regions across any plot to highlight corresponding points in all other cells, enabling rapid comparison of multi-dimensional correlations. The visualization is built with D3 v4, using d3.brush for the linked selections, d3.scaleLinear for axes, and d3.axisBottom/Left for tick marks, rendered as SVG.

Cchingching17
83% 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
82% match
Loading thumbnail…

FINAL scatter_plot_matrices

This interactive scatter plot matrix visualizes the classic Iris flower dataset, showing the relationships between four morphological features across three species. Each off-diagonal panel displays a scatter plot of one feature pair, color-coded by species (red for setosa, blue for versicolor, green for virginica), while diagonal panels show histograms of individual feature distributions. The visualization uses D3 v5 with `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.brush`, and `d3.histogram` APIs, rendering all elements as SVG. Users can brush within any scatter plot to select data points and filter the entire matrix, highlighting corresponding observations across all panels.

Wweird_danger
81% 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
81% match