albb762

@albb762·4 public vizzes

Fork of Hello HTML

This fork of the “Hello HTML” example demonstrates a minimal SVG rendering primed for visualization work. It shows a single circle element drawn within an `<svg>` tag, using the SVG API directly rather than higher-level visualization libraries. The page relies on raw HTML structure, with no data sources or external scripts beyond the embedded YouTube video. The circle’s radius and positioning are set via static attributes (`r`, `cx`, `cy`), and the SVG is rendered inline in the body of the HTML document.

Apr 7, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This gallery example renders a customizable smiley face out of layered SVG shapes, including a yellow circular background, offset eyes, and an arc-shaped mouth. The face is built through React components that accept size and position parameters, while the mouth uses a D3 arc generator to define its geometry. Although the files define the face-drawing logic, the active visualization instead fetches a CSV of CSS named colors from a GitHub gist and displays a summary of its row, column, and kilobyte counts, mixing React state with D3’s CSV parsing and formatting utilities.

Apr 7, 2021

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL, displaying summary statistics about the dataset in a large, readable text format. It uses the `d3.csv` method to fetch and parse the CSS Named Colors dataset, then reports the number of rows, columns, and approximate file size in kilobytes. The code highlights both a promise-based approach with `d3.csv` and an alternative commented-out implementation using `fetch` with async/await and `d3.csvParse`, showcasing different ways to handle data loading in D3 v5 within a React framework.

Apr 7, 2021

Loading thumbnail…

Fork of Hello HTML2

This example shows a minimalist yellow circle with two smaller black-outlined circles positioned inside it, evoking a simple face. Rendered as static SVG elements, the visualization uses basic `<circle>` tags with fixed coordinates and radii. The page includes embedded CSS to remove margins and hide overflow, while a small inline script logs "hello" to the console. No external libraries or data sources are used; the graphic is defined entirely within the HTML file's SVG block.

Apr 6, 2021