rgoregit

@rgoregit·2 public vizzes

Test2 loading and parsing csv data

This example demonstrates loading and parsing CSV data from a remote URL using the standard `fetch` API. The page renders a single, large text heading with no visible chart or visualization; instead, it focuses on the data-loading workflow. The code fetches a raw CSV file hosted on GitHub Gist—containing CSS color data—and logs the response object to the console. The styling uses CSS for centered text at an oversized font size, while the JavaScript handles the asynchronous request, though it does not parse or display the CSV contents beyond the HTTP response.

Aug 14, 2021

Loading thumbnail…

Test1

Three identical cartoon smiley faces are rendered in a row, each with a yellow circular head, black-outlined eyes, and a curved mouth drawn using a d3.arc path. The React components `Face`, `Body`, `Eyes`, and `FaceContainer` compose the SVG, with each face generated by mapping over an array from `d3.range`. Hard-coded measurements for radius, eye offsets, and mouth angles define the static facial features, while the `stroke-width` and fill colors are passed as props.

Aug 13, 2021