FreektenDoesschate

@FreektenDoesschate·4 public vizzes

Loading and parsing CSV

This example demonstrates the first step of fetching a remote CSV file and logging its raw text content to the browser console. A large, static "CSV" label is centered on a plain white page, while the JavaScript asynchronously retrieves the file from a GitHub Gist using the `fetch` API and the `response.text()` method. The code includes a commented-out alternative approach in addition to the active `fetchText` helper, which wraps the fetch and text parsing into a reusable async function. No parsing or visualization of the CSV data occurs, only retrieval and inspection of the raw string.

Aug 31, 2021

Loading thumbnail…

Mouse follower

A small SVG circle follows the mouse as it moves across a 960-by-500 canvas, updating its position live in response to pointer events. The visualization is built with React (16.9.0) and uses the `useState` and `useCallback` hooks to track and update the mouse coordinates, which are passed as the circle’s `cx` and `cy` attributes. The rendering remains minimal, with no data source or additional interaction beyond the direct mouse tracking.

Aug 28, 2021

Loading thumbnail…

First try part1

A grid of 102 small yellow smiley faces, each with randomized eye size, eye position, and mouth thickness, fills the browser window. The faces are rendered as SVG elements using React. The code imports the `Face` component, which composes `BackgroundCircle`, `Eye`, and `HappyMouth` components. The `HappyMouth` uses d3’s `arc` generator to create a path, while the `FaceContainer` applies a translation via an SVG `<g>` transform.

Aug 27, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” centered on a page at a massive font size, alongside a console message. It demonstrates the fundamental structure of an HTML document, combining inline CSS for styling and embedded JavaScript for browser interactions. The page uses standard HTML elements and the `console.log` API to output the JavaScript message, serving as a minimal foundation for web development projects.

Aug 26, 2021