Skip to content

Latest commit

 

History

History
12 lines (9 loc) · 584 Bytes

cell-hover-count.md

File metadata and controls

12 lines (9 loc) · 584 Bytes

Heatmap - Intermediate

Task

When a cell in the heatmap is hovered, display a count of the number of posts.

Overview

To display a count on hover, you'll need to add D3's mouseover and mouseout event handlers to the heatmap cells. You may find this guide helpful.

Steps

  1. Add mouseover and mouseout events to the cells.
  2. Create a function to append the text of the count value of the hovered cell.
  3. Create a function to remove the text when the cell is no longer hovered.