gmishra4

@gmishra4·3 public vizzes

Handling Data for Viz

This example demonstrates the initial steps of loading and parsing a CSV file for data visualization. The code uses the `fetch` API to request a remote file containing CSS named colors from a GitHub gist, and then employs `d3.csvParse` to convert the response text into a tabular data structure. The parsed data’s columns are logged to the console, and the implementation includes commented-out code showing both a promise-based "Pyramid of Doom" approach and an `async`/`await` alternative. The visualization itself is not yet rendered.

Dec 1, 2021

Loading thumbnail…

Interaction : Mouse follower

A yellow circle follows the mouse cursor inside an interactive SVG canvas. The visualization demonstrates pointer tracking by updating the circle’s `cx` and `cy` attributes in response to mouse movement events. Built with React and ReactDOM, it uses the `useState` hook to store the cursor’s coordinates and a `useCallback`-wrapped `onMouseMove` handler to update the rendered circle’s position, producing a fluid, responsive follower effect.

Dec 1, 2021

Loading thumbnail…

Smiley Face - 1

This visualization displays a simple, cartoon-like smiley face composed of a yellow circular head with a black outline, two black eyes, and a curved mouth. Built with React and D3 v7, the face is rendered as SVG elements, with the mouth generated using the `d3.arc()` path generator. The code defines reusable components for the background circle and eyes, and positions all elements relative to the center of a 960×500 viewport.

Nov 29, 2021