Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A2_HeatMap

Public visualization

A2_HeatMap

0 stars0🌍 Public
DDuc Pham
Last edited Apr 2, 2024
Created on Feb 6, 2024
Forked from A2_BarChart

A heatmap visualizes earthquake magnitudes across different countries and months, with each cell color-coded to indicate impact level, where pink represents high magnitude and blue represents low magnitude. The visualization also includes a legend and tooltip that displays country, month, and magnitude details when hovering over a cell. Built with p5.js, the code loads earthquake data from a CSV file using `loadTable()` and renders rectangles via the Canvas API, using color interpolation based on magnitude values to encode severity.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed