Philip Kaminski

@AureaFlamma·4 public vizzes

Mouse follower

A smiley face rendered in SVG follows the mouse cursor across a 960×500 viewport. The React component uses `onMouseMove` to update the eye positions relative to the cursor, while the head and static facial features remain fixed. Built with React 16.9 and ReactDOM, the visualization re-renders the SVG circles on each mouse event, demonstrating basic interactive state management in a declarative UI framework.

Nov 14, 2022

Loading thumbnail…

Fetch

This example demonstrates how to fetch remote data in a web browser using the Fetch API. The page loads a CSV file containing named CSS colors from a GitHub gist, and the code makes an asynchronous request to that URL within an HTML script tag. The visualization does not render any chart or graphical output; it simply initiates the data retrieval process, highlighting the foundational step of acquiring external datasets for subsequent analysis or display.

Nov 11, 2022

Loading thumbnail…

Fork of Smiley Face Part V

This example renders a yellow smiley face composed of modular React components: a circular background, two eyes, and a curved mouth. The components are split into separate ES6 module files and composed within a face container that centers the drawing. The mouth uses a d3 arc path with specified inner and outer radii and start/end angles. The React app passes width, height, and positioning props, while ReactDOM renders the final SVG with a fixed 960×500 viewport.

Nov 11, 2022

Loading thumbnail…

Smiley face part I

This example shows a simple smiley face drawn with SVG shapes, including a yellow circular face, two red eyes, and a white mouth, all outlined in black. The face is centered and scaled within an 960×500 viewport. The implementation uses React to render the SVG elements and D3 v7’s `arc` generator to create the curved paths for the eyes and mouth, with parameters for radii, angles, and offsets defining the geometry.

Nov 11, 2022