Skip to main content
SimilarExport ZIP
100%

Abalone Correlation Matrices

✓ Published0🌍 Public
JJames Huang
Last edited Oct 8, 2023
Created on Oct 8, 2023
Forked from Hello VizHub

This example shows three correlation matrices for male, female, and infant abalones, using a diverging red-blue color scale to represent the strength and direction of correlations between eight physical attributes. The matrices display numerical correlation values in each cell, with negative correlations in red and positive in blue. The code loads abalone data from a CSV file, filters it by sex, and calculates correlations using the simple-statistics library’s `sampleCorrelation` function. Each matrix is rendered as an SVG using D3 v7, with `d3.scaleSequential` and `d3.interpolateRdBu` defining the color mapping, and axis labels positioned around the grid.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Abalone Correlation Matrices

Three correlation matrices compare eight physical measurements of abalone—Length, Diameter, Height, various weights, and Rings—separated by sex (male, female, infant). Each matrix cell displays the sample correlation coefficient, colored on a blue-red diverging scale from −1 to 1. The visualization loads a CSV dataset via `d3.csv`, computes correlations with `ss.sampleCorrelation` from simple-statistics, and renders SVG rectangles and text labels using D3 v7.

JJames Huang
94% match
Loading thumbnail…

Correlation Matrix

The correlation matrix visualizes relationships among eight physical measurements of abalone, split into three separate panels for male, female, and infant groups. Each panel uses color-coded text for correlation coefficients above the diagonal and proportional circles below it, with black labels on the diagonal. The code loads data from `abalone.csv`, computes correlations with the `jz.arr.correlationMatrix` utility, and renders SVG elements using `d3.scaleLinear`, `d3.scalePoint`, and `d3.scaleSqrt`. Distinct color ranges per sex highlight varying correlation strengths across the groups.

方方顗棠
91% match
Loading thumbnail…

Fork of Correlation-matrix Abalone 1 no tooltip

Three side-by-side correlation matrices show how eight physical measurements of abalone—length, diameter, height, weights, shell weight, and rings—relate for male, female, and infant subgroups. Each matrix displays Pearson correlation coefficients for every pair of variables, encoded as rainbow-colored cells from -1 to 1. The visualization uses the `data2grid` library to arrange the cells and `d3.scaleSequential` with `d3.interpolateRainbow` for coloring, while `d3.scaleBand` positions the axes. The code filters the `data.csv` source by sex and renders separate SVG matrices for each category, with axis labels rotated for readability.

SSharon Lin
90% match
Loading thumbnail…

Correlation-matrix Abalone 1 no tooltip

Three side-by-side correlation matrices visualize relationships among eight physical measurements of abalone, split by sex into male, female, and infant groups. Each grid cell is colored with a sequential rainbow scale from −1 to 1, revealing how measurement correlations differ across the three categories. The code uses `d3.scaleBand` for axes, `d3.scaleSequential` with `d3.interpolateRainbow` for color, and `jz.arr.correlationMatrix` plus `data2grid.grid` to compute and arrange the correlations. Data comes from a CSV file of abalone measurements rendered as SVG rects.

Wweird_danger
90% match
Loading thumbnail…

0924

Three side-by-side correlation matrices visualize the relationships among eight physical measurements of abalone, split by sex (male, female, infant). Each cell’s color encodes the Pearson correlation coefficient between two attributes, using a red-blue diverging scale. Computed from the `abalone.csv` dataset, the matrices are rendered as SVG using D3 v6, with d3.mean, d3.sum, and custom functions calculating correlations. Interactive tooltips reveal exact correlation values on hover.

Eeyxxr1260@gmail.com
89% match
Loading thumbnail…

Abalone Correlation Matrix

This visualization shows the correlation matrix for physical measurements of abalones, comparing length, diameter, height, various weights, and rings (age). Each cell is colored according to the strength of correlation, revealing strong relationships among size and weight variables and weaker correlations with age. The code uses D3 v4’s scale functions and SVG rendering to draw a grid of colored rectangles. Precomputed correlation values for both female and male abalones are embedded as data arrays, with axis labels placed along the top and left edges for each variable.

黃黃歆善
89% match
Loading thumbnail…

Test

This example compares the correlation between physical measurements of male, female, and infant abalones by displaying three separate correlation matrices, one for each sex. Each matrix is rendered as an SVG using D3.js v4, where the color of each cell represents the strength of the correlation between two variables. The data comes from the Abalone dataset, and the visualization is divided into three panels for direct comparison. The code uses `d3.text` to load the CSV dataset and defines a `render` function to compute and display the correlations for each group.

Wweird_danger
89% match
Loading thumbnail…

0927

This visualization displays three correlation matrices for male, female, and infant abalones, using the abalone.csv dataset. Each matrix shows pairwise correlations between physical measurements and rings (age), with colors ranging from blue (negative correlation) to red (positive correlation). The code uses d3.v6 with `d3.scaleBand`, `d3.scaleSequential`, and `d3.interpolateRdBu` to render the SVG cells, and includes interactive tooltips on mouseover. The three matrices appear side-by-side, allowing comparison of correlation patterns across sex categories.

Eeyxxr1260@gmail.com
89% match