Zi

@ziminds·2 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates how to fetch and parse CSV data from a remote URL using the browser’s built-in Fetch API and Promise handling. It loads a dataset of CSS named colors from a GitHub gist and logs the raw text content to the console. The code uses `fetch(url)`, `response.text()`, and chained Promises to display the parsed data, without any external libraries or visualization frameworks. This illustrates the fundamental pattern for asynchronously loading tabular data in a React or plain JavaScript environment.

Mar 7, 2021

Loading thumbnail…

Happy face

A grid of 18 happy faces, each rendered as an SVG, demonstrates how randomized parameters create variety from a single reusable component. The faces vary in stroke width, eye size and placement, and mouth thickness, all generated by JavaScript's `Math.random()` within a React application. The code leverages the `d3.arc` function to draw the curved mouth, while React components like `BackgroundCircle`, `Eyes`, and `FaceContainer` encapsulate the SVG structure. This example shows parameterized component reuse in a practical, playful context.

Mar 5, 2021