CarolineZhou

@CarolineZhou·2 public vizzes

Mouse Follower

A smiling cartoon face follows the mouse cursor across a yellow SVG canvas. The face is assembled from React components, with a yellow circle for a head, black-outlined eyes, and a curved mouth drawn using D3’s `arc` path generator. Mouse movement is tracked via an `onMouseMove` event listener, storing coordinates in React state and updating the rendered position of the face. D3 v6 provides the arc geometry, while React manages the interactive SVG rendering.

May 18, 2021

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse a remote CSV file using the Fetch API and the async/await pattern. It fetches CSS Named Colors data from a GitHub gist and logs the raw text to the browser console, displaying the file contents without any visualization. The code uses the standard `fetch` function with `response.text()` to retrieve the data, highlighting a basic starting point for handling external datasets in JavaScript.

May 17, 2021