reama623

@reama623·2 public vizzes

Fork of HTML Starter

This example displays a single, oversized word rendered in the browser using HTML and CSS, with the page centered and set to a font size of 13em. The JavaScript fetches a CSV file containing CSS named colors from a GitHub gist using the Fetch API, then logs the raw text to the browser’s console. It demonstrates a minimal workflow for loading external data asynchronously, though no visualization is drawn on screen. The code also includes commented-out alternative promise chaining as a reference.

May 12, 2021

Loading thumbnail…

Fork of HTML Starter

This example renders a grid of 18 cartoon faces, each with a yellow circular background, eyes, and a mouth, using React components for modular composition. The faces are generated with random eye and mouth dimensions, driven by D3’s `range` for iteration and `d3.arc` to shape the mouths as curved paths. All elements are drawn as SVG within a shared `FaceContainer`, which translates the coordinate system to center each face. The visualization demonstrates a declarative, component-based approach to data-driven SVG generation, with randomness providing variation across the grid.

May 12, 2021