Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

d9a8db48c4dc4a7a99aa3d6f5e2de896

Mouse Follower

0 stars0🌍 Public
Wwaur1024
Last edited Mar 10, 2022
Created on Mar 10, 2022

This visualization displays metadata about a CSS named colors dataset, including row count, column count, and file size, rendered as large text that follows the mouse cursor across the screen. The React component fetches the CSV data using d3.csv, then formats the statistics with d3.csvFormat in the Message function. The example combines React’s useState and useEffect hooks for data loading with D3 v7 for CSV parsing, while the oversized pre tag creates the interactive mouse-following effect in an SVG-less plain HTML layout.

AI-generated description

React + D3