Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MouseOver SVG Color Change

Public visualization

Viewing a saved revision (read-only)

97db6014891e4d07b26266bc0d4db42d

MouseOver SVG Color Change

0 stars0🌍 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.