HW3-Abalone Correlation Matrix

100%

HW3-Abalone Correlation Matrix

✓ Published0🌍 Public

Last edited Oct 8, 2023

Created on Oct 8, 2023

This visualization shows the correlation matrix for the Abalone dataset, split into three separate views by gender (Male, Female, Infant) via a dropdown selector. It displays the pairwise Pearson correlations between eight physical measurements (length, diameter, height, weight variables, and rings). Each cell is colored using a chroma color scale from red through white to steelblue, with values ranging from -1 to the maximum correlation. The tooltip on hover reveals the exact correlation value. Built with D3.js, the code utilizes `jz.arr.correlationMatrix` for calculations and `data2grid.grid` for layout.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

hw3

This visualization displays a correlation matrix for the Abalone dataset, split into three separate heatmaps for the male, female, and infant abalone subsets. Each cell shows the correlation coefficient between two attributes, color-coded from red (negative) to blue (positive), with the numeric value overlaid. Hovering over a cell highlights it and displays the specific attribute pair in the text area below. The code uses D3 v5 with SVG rendering, leveraging `d3.scaleLinear` for color mapping and the `jz.arr.correlationMatrix` function from the jeezy library to compute correlations. The data is loaded from the `abalone.data` file.

Nnanegole

90% match

Loading thumbnail…

Correlation Matrix

This visualization presents a correlation matrix for the Abalone dataset, split into three separate SVG grids for male, female, and infant samples. Each cell color encodes the correlation coefficient between two variables, using a red-to-white-to-steelblue Chroma.js scale. Hovering over a cell highlights the corresponding row and column axis labels and displays the exact correlation value in a tooltip. The implementation uses D3 v4 scales and axes, the `jz.arr.correlationMatrix` function from the jeezy library for computation, and `data2grid` for grid layout.

LLSAWB

89% match

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

88% 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.

黃黃歆善

88% match

Loading thumbnail…

Data Visualization Homework 3: Correlation Matrix

This visualization shows a 3x3 grid of correlation matrices for male, female, and infant abalone, using data from the abalone.data file. Each matrix displays the pairwise correlations between eight physical attributes (Length, Diameter, Height, various weights, and Rings) as colored squares with numerical labels. The code uses D3 v5 to render SVG elements, with scales from `scaleBand` and `scaleLinear` for positioning and color encoding. Correlation calculations are performed using the `jz.arr.correlationMatrix` utility from the jeezy library, while the `data2grid` library reshapes the data for grid-based rendering.

Dderrick373519@gmail.com

88% match

Loading thumbnail…

Correlation Matrix

This interactive correlation matrix visualizes relationships among eight physical measurements of male abalone from the abalone.csv dataset. The code uses D3 v4/v5 to render an SVG grid, where each cell’s color—scaled via chroma-js from tomato to steelblue—represents the correlation strength between variable pairs. A hover interaction highlights selected cells and displays a tooltip. The visualization is built with D3’s scaleBand for axes and data2grid to structure the correlation matrix data.

Cchingching17

87% match

Loading thumbnail…

109705001_hw3

Three side-by-side correlation matrix heatmaps visualize the Abalone dataset, split by sex (M, F, I), with each cell colored by Pearson correlation strength using a diverging scale. Hovering a cell outlines it in red and displays the compared variables and correlation value in a text panel below. The visualization uses D3 v5 with SVG rendering, the `jz.arr.correlationMatrix` utility from the jeezy library for computations, and a custom color legend derived from a linear scale.

Yyihsuan

87% 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.

方方顗棠

87% match