Orvybr0wn1

@Orvybr0wn1·3 public vizzes

Colors

This example demonstrates a color palette visualization, fetched dynamically from a GitHub Gist URL. The page uses a bare HTML structure with embedded JavaScript, relying on the browser’s native `fetch` API to retrieve the data. The code logs the fetch response to the console, showing the raw data payload as it arrives. No CSS styling or rendering logic is yet implemented, leaving the visual output undefined. The example serves as a minimal starter for displaying color-related data using standard web technologies.

Jan 8, 2022

Loading thumbnail…

Loading and parsing CSV Data

A grid of fifteen randomized smiley faces is rendered using React and SVG. Each face is composed from reusable components, including a yellow background circle, two eyes, and a mouth arc generated with d3’s `arc` generator. The `range` function from d3 creates the array, and each face’s eye radius is randomly assigned between 5 and 15, producing subtle variations across the faces.

Jan 8, 2022

Loading thumbnail…

Smiley Face Part I

A grid of fifteen identical yellow smiley faces, each rendered as an SVG circle with two dark eyes and an open mouth, fills the screen. The faces are generated using React components that compose a `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth`. The `Mouth` component uses the d3 `arc` function to create a semicircular path, while random eye radii add slight variation between faces. Each face is positioned using the `translate` transform within a square SVG viewport.

Jan 7, 2022