Skip to main content
SimilarExport ZIP
100%

Fork of 0924

✓ Published2🌍 Public
Eeyxxr1260@gmail.com
Last edited Sep 26, 2024
Created on Sep 26, 2024
Forked from 0924

Three side-by-side correlation matrices visualize the relationships among physical measurements and age rings in the Abalone dataset, split by sex into male, female, and infant groups. Each matrix uses a red-blue sequential color scale to represent correlation values from -1 to 1, with hover tooltips displaying exact coefficients. The visualization is built with D3 v6, using `d3.scaleBand` for axes, `d3.scaleSequential` with `d3.interpolateRdBu` for coloring, and the matrices are rendered as SVG rectangles.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Correlation Matrix

This visualization shows a correlation matrix of abalone physical measurements, with cells colored by Pearson correlation coefficients. A dropdown menu filters the matrix to display correlations for male, female, or infant abalones from the `abalone.data` dataset. The matrix uses `d3.scaleBand` for axes, `d3.scaleSequential` with `interpolateRdYlBu` for color encoding, and displays correlation values as text labels. Animations transition cells between states using `transition.attr`, with axes rendered via `d3.axisLeft` and `d3.axisBottom`.

Hhi4u2qzy@gmail.com
85% 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
85% match
Loading thumbnail…

Fork of Fork of Hello VizHub

A scatterplot matrix displays correlations between physical measurements of abalone, with cells colored from pink to steel blue based on positive or negative correlation strength. Users select a sex category (Male, Female, Infant) from a dropdown menu to update the matrix for that subset. The visualization uses d3.scaleLinear for color mapping, d3.scaleBand for axes, and renders as SVG with correlation values labeled in each cell. A color legend bar on the right uses d3.axisRight. The data comes from the `abalone.data` file.

Ddaniel
85% match
Loading thumbnail…

Fork of Fork of Fork of Hello VizHub

This interactive scatterplot matrix visualizes correlations among eight physical measurements of abalone from the UCI dataset, with a color scale from white to steelblue indicating correlation strength and direction. A dropdown menu lets users filter the data by sex (Male, Female, Infant). The visualization uses D3 v5 with `scaleBand` and `scaleLinear` for axes, `arr.correlationMatrix` from the jeezy library to compute correlations, and SVG rendering to draw the grid of colored cells with correlation values and a color legend bar.

Ddaniel
84% match