co

@c0ralinee·3 public vizzes

Fork of Smiley Face Part II

A circle follows the mouse cursor across a full-screen SVG canvas. The example demonstrates a minimal React application that tracks pointer movement and updates the circle's position in real time. It uses React's `useState` and `useCallback` hooks to manage the mouse coordinates, which are captured via the SVG container's `onMouseMove` event. The circle is rendered as an SVG `<circle>` element with a fixed radius, and the app is mounted into the DOM with `ReactDOM.render`. The code imports React and ReactDOM from their production UMD builds.

Nov 17, 2022

Loading thumbnail…

CssNamedColors Viz

This example fetches a CSV file of CSS named colors from a GitHub gist and logs its contents to the browser console. It uses the Fetch API with an asynchronous `fetchText` helper to retrieve the raw text data. The visualization itself is not yet rendered, as the current code only demonstrates the data-loading step. It is built with plain HTML and JavaScript, without any external libraries or frameworks beyond the browser’s native fetch.

Jul 19, 2021

Loading thumbnail…

Fork of Hello HTML

A grid of eighteen randomly generated smiling faces demonstrates modular React component composition within an SVG canvas. Each face uses adjustable props for eye offset, radius, mouth arc, and stroke width, with randomized values generated via `d3.range` and `Math.random`. Rendering relies on React components (`FaceContainer`, `BackgroundCircle`, `Eyes`, `Mouth`) and D3’s `arc` generator to create the mouth path. The example forks a basic HTML page, integrating React 17 and D3 v7 via CDN, producing a simple, playful visualization.

Jul 18, 2021