Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Correlation Matrix

Public visualization

Viewing a saved revision (read-only)

79469eb7062d4ce3b178ddfb550178d6

Correlation Matrix

0 stars1🌍 Public
Cchingching17
Last edited Oct 7, 2023
Created on Oct 4, 2023
Forked from D3 Starter

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.

AI-generated description

A demonstration of how to start using D3 version 6.