🌍 Public
Interactive heatmap
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.