Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed