Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive heatmap

Public visualization

Interactive heatmap

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 27, 2024
Created on Apr 26, 2024
Forked from HTML Starter

This interactive heatmap visualizes the relationship between Average IQ, Median Salary, and GDP from a CSV dataset (final_dv_dataset.csv). Users select X and Y axes from dropdown menus, and the SVG displays data points as red-colored rectangles whose intensity reflects GDP values. Built with React and D3 v7, the visualization uses d3.scaleLinear for axes, d3.scaleSequential with d3.interpolateReds for color encoding, and d3.axisBottom/d3.axisLeft for rendering scales. Hovering over rectangles triggers a tooltip showing the three variable values.

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