Skip to main content
SimilarExport ZIP
100%

hw3_submit

✓ Published0🌍 Public
Ddaniel
Last edited Oct 7, 2023
Created on Oct 7, 2023

This visualization displays a correlation matrix for the abalone dataset, using color and text to show correlations between numerical attributes like Length, Diameter, and various weight measurements. A color legend with a diverging scale from pink to steel blue accompanies the matrix. The visualization uses D3 v5 and the jeezy library's `arr.correlationMatrix` API to compute correlations, rendering the matrix with SVG elements and adding a dropdown menu to filter data by sex.

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…

hw3

This visualization shows a correlation matrix for abalone measurements, split by sex (male, female, or infant) via clickable buttons. The upper triangle displays correlation coefficients as colored text, while the lower triangle uses scaled circles, with diagonal labels identifying each variable. The code uses d3.csvParse, d3.scalePoint, d3.scaleSqrt, and d3.scaleLinear, along with the jeezy library’s jz.arr.correlationMatrix to compute correlations. Data is loaded asynchronously via d3.text from a remote CSV, and the SVG is rendered in React with Bootstrap-styled controls.

Kkenny-wq
89% match
Loading thumbnail…

hw3

This visualization displays a correlation matrix for the Abalone dataset, using three side-by-side heatmaps to compare different variable groupings. Hovering over a cell highlights it and displays the exact correlation value in the text area below. The implementation uses D3.js scales for color and positioning, `jz.arr.correlationMatrix` for computing correlations, and renders the matrix with SVG rectangles and circles, where the upper triangle uses colored circles to represent correlation strength.

Ccpsu00
88% match
Loading thumbnail…

109550187_HW3

This visualization displays three correlation matrices for subsets of the Abalone dataset, showing the pairwise relationships between nine physical measurements. Each matrix uses diverging colors from blue through yellow to red to represent correlations from -1 to 1, with numeric values overlaid on each cell. A fourth SVG shows the corresponding color legend. The matrices are rendered as SVG using D3 v5 scales and the `jz.arr.correlationMatrix` API from the jeezy library, with interactive hover effects that display detailed correlation information in text below. The data is loaded asynchronously from a remote CSV file.

Ppatricknicholas27@gmail.com
87% match
Loading thumbnail…

HW3-Abalone Correlation Matrix

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.

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

hw7

This visualization presents a correlation matrix for three subsets of the Abalone dataset: Male, Female, and Infant. The grid layout displays correlations as colored cells, with a separate legend for scale reference. Built with D3 v4 and the data2grid library, it renders three SVG matrices side by side, mapping data values to visual attributes within an HTML container.

Wweird_danger
85% match