Skip to main content
100%

Heatmap

✓ Published2🌍 Public
RRiya Mathur
Last edited Feb 6, 2024
Created on Feb 6, 2024
Forked from HTML Starter

This heatmap visualizes the wealth of billionaires across global regions and years, using a grayscale intensity scale where darker cells represent higher wealth values. The visualization arranges regions along the y-axis and years along the x-axis, with a legend showing the wealth-to-color mapping. Built with p5.js, the sketch loads data from a remote CSV file containing billionaire records, processes it in the `preload()` and `setup()` functions, and renders the heatmap using `rect()` calls with mapped fill colors. It also displays region and year labels alongside the interactive legend.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes