Project Increment 2

100%

Project Increment 2

✓ Published0🌍 Public

Last edited Nov 4, 2025

Created on Nov 4, 2025

This heatmap displays pairwise Pearson correlations among 18 numeric columns from the World Happiness Report 2021 dataset, using a diverging color scale from blue (negative) to red (positive) via `d3.scaleDiverging` and `d3.interpolateRdBu`. Each cell represents the correlation between two variables, with tooltips revealing exact r values. The code loads CSV data with `d3.csv`, computes correlations pairwise while ignoring missing values, and renders an SVG matrix with `d3.scaleBand` for axes and positioning.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project Increment 3

A scatter plot matrix reveals pairwise relationships among six happiness factors and overall life satisfaction for countries in the 2020 World Happiness Report. The visualization uses D3 v7 with an SVG renderer, building a grid of cells where each cross-section plots two variables. Axes are rendered at the edges using `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleLinear` maps data values. Circles colored by `d3.scaleOrdinal` with `schemeTableau10` represent countries, and hovering triggers tooltips showing country names and values. A legend identifies the regional indicator groupings.

Aakshayamsgrad@gmail.com

83% match

Loading thumbnail…

Project Increment 1

This radar chart compares the six happiness factors from the 2022 World Happiness Report across four rank groups of countries. The visualization shows averaged scores for GDP per capita, social support, healthy life expectancy, freedom, generosity, and perceptions of corruption, with distinct colored polygons representing top, mid-high, mid-range, and low-ranked nations. Built with D3 v7, the chart uses `d3.csv` for data loading, `d3.scaleLinear` for radial scaling, and SVG paths with `d3.line` for polygon generation. The data file uses comma-separated values with European decimal notation.

Aakshayamsgrad@gmail.com

79% match

Loading thumbnail…

Fork of D3 Scatter Plot Matrix multiple colors

This visualization presents a 4x4 scatter plot matrix comparing seven numeric fields from a happiness dataset, with each point colored by country using the d3.schemeSet1 categorical palette. The code loads CSV data via d3.csv, parses numeric columns, and iterates through all variable pairs to generate individual SVG charts using d3.scaleLinear, d3.axisBottom, and d3.axisLeft. Titles appear only on diagonal cells, while off-diagonal plots show pairwise correlations, and the full window is divided into equal quadrants with hidden scrollbars for seamless viewing.

NNikithakatta30

76% match

Loading thumbnail…

corr

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.

Ssunnyshih0312@gmail.com

75% match

Loading thumbnail…

World Happiness Feature Relationships

This scatterplot explores relationships between world happiness indicators. Users choose which two metrics to plot against each other via dropdown menus, and can click legend items to highlight or isolate countries belonging to a specific region. The visualization uses D3 v5 to render SVG circles, animating their positions when the axis variables change. A tooltip appears on hover, showing the country's values. Data comes from a CSV file loaded with `csv()`. The code uses `d3.scaleLog`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the log-scaled axes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding.

Mmkt-ds

75% match

Loading thumbnail…

test

A heatmap visualizes correlations among six factors—GDP per capita, social support, healthy life expectancy, freedom, generosity, and perceptions of corruption—for the top ten happiest countries, with data from a CSV file. Panels flanking the heatmap list the top five countries, each shown as a circle containing its flag via SVG images. The code uses d3.scaleSequential with interpolateRdBu, d3.flatMap for matrix computation, Pearson correlation from helper functions, and animated opacity transitions with random delays.

Ssamozarif@gmail.com

74% match

Loading thumbnail…

Final project

This interactive visualization explores global happiness data from 2015–2023, allowing users to switch between a choropleth map, leaderboard, line chart, and correlation matrix. The map colors countries by selected factors using d3.scaleSequential with interpolateYlGnBu, while the line chart compares individual country trends against the global average. The visualization uses d3-geo projections, d3-scale-chromatic, and SVG rendering, with support for zooming, tooltips, and animated year sliders.

Yyihsuan

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

74% match