corr

100%

✓ Published0🌍 Public

Last edited Sep 28, 2024

Created on Sep 16, 2024

Forked from Fork of Fork of Hello VizHub

A heatmap displays pairwise Pearson correlations among eight numeric measurements from the Abalone dataset, with sex as a categorical attribute. Selected columns recompute the correlation matrix, while a color legend maps continuous values from pink to steel blue. The visualization uses D3 v5 scales and axes to render SVG rectangles and text, with dropdown menus controlling the dataset subset.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Correlation Matrices

A matrix of scatter plots visualizes correlations among numeric attributes of abalone shellfish, split by sex. Each cell shows a scatter plot with a background color indicating Pearson correlation, blue for positive and red for negative. Clicking a plot zooms in for detail. The code uses d3.csvParseRows to load abalone.data, d3.scaleLinear for axes, d3.interpolateRdYlBu for heat colors, and SVG rendering.

Jji3ji3ji3195@gmail.com

86% match

Loading thumbnail…

Correlation matrix FINAL！！！

This visualization presents three correlation matrices for abalone measurements, split by sex (male, female, and infant), with each cell colored by Pearson correlation using a rainbow scale from -1 to 1. The D3.js v4 code computes correlations via `jz.arr.correlationMatrix` and renders the grid with `data2grid`, while axis labels are rotated, and hovering over a cell highlights the corresponding row and column labels with a tooltip. The underlying dataset is loaded from a CSV file, and the SVG output is styled with CSS for selected states and interactive feedback.

Wweird_danger

84% match

Loading thumbnail…

0927

This visualization displays a correlation matrix for physical measurements of abalone, filtered by sex using buttons for Female, Male, and Infant. The matrix uses a color scale from white to a sex-specific hue to encode Pearson correlation coefficients between eight attributes, including length, weights, and rings. The example loads data from a CSV file, filters rows by the selected sex, computes correlations with d3 functions, and renders the grid as SVG rectangles using d3.v7.

Eeyxxr1260@gmail.com

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

84% match

Loading thumbnail…

312553048_HW3

This example shows a correlation matrix for abalone physical measurements, split by sex (Male, Female, or Infant). The upper triangle uses a red-blue color scale to encode correlation strength, while the lower triangle displays the numeric correlation values. A dropdown menu filters the matrix by sex category. The visualization is built with D3 v6, using `scaleBand` for axes, `scaleSequential` with `interpolateRdBu` for colors, and computes Pearson correlations from CSV data parsed with `d3.csvParseRows`.

Jjerry70938@gmail.com

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

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

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

83% match