Kevin Ayers

@AyersAuthentic·2 public vizzes

Loading and Parsing Csv data

This example demonstrates the initial step of fetching a CSV file from a remote URL using the `fetch` API. The program retrieves a dataset of CSS color names and their corresponding hex values from a GitHub Gist. The code sets up the network request to that specific raw CSV file, preparing to parse the tabular data for subsequent visualization or analysis. It highlights the foundational process of loading external data into a web application before any charting or graphical rendering occurs, with no additional libraries beyond the built-in JavaScript fetch method.

Aug 17, 2021

Loading thumbnail…

Smiley Face Part VI

The visualization displays an array of randomly generated smiley faces, each rendered as an SVG using React components. The faces vary in eye size, eye offset, stroke width, and mouth dimensions, created through D3’s `arc` generator for the mouth paths. All faces share identical center coordinates, causing them to overlap entirely, revealing only a composite of overlapping features. The gallery example uses React’s `ReactDOM.render` with an array from D3’s `range`, producing 18 faces with randomized properties.

Aug 12, 2021