Fernando Vieira

@FernandoNv·2 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates a minimal web page that fetches and parses a CSV file containing CSS named colors from a remote GitHub gist. The code uses the JavaScript `fetch` API to asynchronously retrieve the text data, then logs the raw CSV content to the browser console. The visualization is implemented in React, though the visible behavior is limited to loading and outputting the data without any graphical rendering. The page structure is a simple HTML document with embedded JavaScript, highlighting the process of acquiring external tabular data for potential further use.

May 17, 2021

Loading thumbnail…

Smiley Face Part I

This example shows a grid of eighteen randomly generated smiley faces, each with a purple background circle, distinct eyes, and an arc-shaped mouth. The faces vary in stroke width, eye placement and size, and mouth dimensions due to randomized parameters. Built with React components and rendered as SVG, the code uses D3’s `arc` generator to create the mouth path and `range` to produce the array of faces. Each face is composed of separate React components like `BackgroundCircle`, `Eyes`, and `Mouth`, assembled within a `FaceContainer` that centers the SVG group.

May 13, 2021