josjan

@josjan·2 public vizzes

loading and pasing csv data

This example demonstrates fetching and parsing CSV data from a remote URL using the browser's native Fetch API. It shows how to initiate a network request with `fetch(url)`, handle the response with a promise chain, and read the response body as plain text using `response.text()`. The retrieved CSV content is then presented to the user via a JavaScript `alert()` dialog, though no actual parsing or visualization occurs. The data source is a GitHub Gist containing a CSS named color table.

May 31, 2021

Loading thumbnail…

Smiley Face Part I

A grid of 18 randomized smiley faces demonstrates reusable React components built with D3’s arc generator for mouth shapes. Each face renders via SVG, with parameters for stroke width, eye offset, eye radius, and mouth dimensions varied using `Math.random()`. The code composes `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth` components, relying on React’s `ReactDOM.render` to mount the app and D3’s `range` to generate the face count.

May 31, 2021