Skip to main content
100%

MouseOver SVG Color Change

✓ Published0🌍 Public
LLewis Ward
Last edited Jul 26, 2021
Created on Jul 26, 2021

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 description

React Starter code.

MIT Licensed

Similar vizzes