🌍 Public
Viewing a saved revision (read-only)
ee3f0416ab964608b98f374fbf1f8c27
MouseOver SVG Color Change
This example displays a heatmap of categorical data, with groups (A-J) on the x-axis and variables (v1-v10) on the y-axis, colored by a linear scale from white to teal. The React component fetches CSV data via `d3.csv` and renders it using SVG, though it currently only draws a black background. The `d3.scaleBand` and `d3.scaleLinear` functions define the axes and color mapping, while a mouse enter handler attempts to change the background color, serving as a minimal interactive demonstration.
AI-generated descriptionReact Starter code.