Tarek719

@Tarek719·3 public vizzes

Loading and Parsing CSV Data

This example demonstrates how to load and parse a CSV file in the browser using the Fetch API. It fetches a CSV of named CSS colors from a GitHub gist and logs the raw text content to the console. The code defines an asynchronous `fetchText` function that uses `fetch` and `response.text()` to retrieve the data, with a commented-out alternative using promise chaining. No visualization or chart is rendered; the focus is purely on data acquisition and text output.

Aug 3, 2022

Loading thumbnail…

This is my personal page

A grid of eighteen identical cartoon faces fills the viewport, each rendered as a yellow circle with black stroke, two eyes, and an arc-shaped mouth. Built with React and D3, the example uses reusable components like `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth` to compose each face. The `arc` generator from D3 creates the mouth path, while `range` from D3 generates the array of faces, all rendered as SVG elements.

Aug 2, 2022

Loading thumbnail…

Smiley Face

This example renders a classic smiley face as an SVG graphic using React and D3. The code constructs a yellow circle for the face, two smaller circles for the eyes, and leverages the D3 arc generator to define a mouth shape. The visualization is built with the ReactDOM library, while D3’s `arc()` API specifies the mouth’s geometry via inner and outer radii and start/end angles. The face is centered within a fixed viewport, with all dimensions and offsets declared as constants.

Aug 2, 2022