Arin R. Greenwood

@argwood·3 public vizzes

Loading and Parsing CSV Data

This example demonstrates the initial step of fetching and logging raw CSV data from a remote URL. The code defines an asynchronous `fetchText` function that uses the standard `fetch` API to retrieve the text content, then logs it to the browser console. The target data source is a GitHub Gist containing CSS named colors in a comma-separated format, showing how to handle external data loading before any parsing or visualization occurs.

Nov 9, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example displays a grid of eighteen randomly generated smiley faces rendered with React and D3 v7. Each face is composed of reusable React components for the background circle, eyes, and mouth, with randomized eye offsets, radii, and mouth dimensions. The face components are positioned within an SVG using a `<g>` transform, and the mouth is drawn with d3.arc, creating varied expressions across the grid.

Oct 20, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

An incomplete cartoon face is drawn on a yellow circle, with only two black eyes rendered so far. The example builds a static SVG composition using React, embedding the markup directly in an HTML document. The face is constructed with basic SVG primitives, including circles for the head and eyes, and styled with fill and stroke attributes. The page loads React from a CDN, although the current code does not yet employ any dynamic behavior or interaction.

Oct 18, 2021