jdyeux

@jdyeux·3 public vizzes

Loadgin and Parsing CSV Data

This example demonstrates how to load and parse CSV data using the built-in Fetch API. It fetches a remote CSV file containing CSS named colors from a GitHub gist and logs the raw text response to the browser console. The code defines an asynchronous `fetchText` function that chains `fetch()` with `response.text()` to retrieve the data. No external libraries are used; the visualization is purely a JavaScript workflow for inspecting raw CSV content before further processing or rendering.

Sep 16, 2021

Loading thumbnail…

Hello HTML

A grid of randomly generated cartoon faces appears, each rendered as a yellow SVG circle with black stroke, two eyes, and an arc-based mouth. The React component hierarchy passes width, height, and randomized eye and mouth dimensions into reusable subcomponents. D3’s `arc` API constructs the mouth paths, while `range` generates the 15 face instances, with each face using varied radius values for unique expressions.

Sep 11, 2021

Loading thumbnail…

Face Part 1

This example shows a simple face constructed from three SVG circles: a large yellow head with a black outline and two smaller black eyes. The head circle is positioned at the center of the viewport, while the eyes are offset horizontally to the left and right. The visualization is rendered directly in the index.html file using inline SVG elements, with React and ReactDOM loaded from CDNs but not actively used in the visible drawing. The code demonstrates basic SVG circle positioning with explicit cx and cy coordinates, along with fill, stroke, and stroke-width styling.

Mar 29, 2021