Nam9111999

@Nam9111999·4 public vizzes

Fork of Loading and Parsing CSV Data

This example loads a CSV file of CSS named colors and displays a text summary of the dataset’s size, row count, and column count. It uses D3 v5’s `d3.csv` promise-based API to fetch and parse the remote data, then writes the result into a large `<pre>` element. The code also includes commented-out alternatives using `fetch`, `async/await`, and `d3.csvParse` to illustrate different parsing workflows. The visualization is purely textual, highlighting the data loading process rather than graphical rendering.

Dec 18, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow smiley face is drawn in the center of an SVG canvas using React and D3. The face consists of a circular background with a thick black stroke, two dark eye circles, and an arc-shaped mouth generated with the D3 `arc` function. The animation includes a video about face creation, while the static face uses fixed coordinate calculations for eye offsets and mouth angles. Rendering happens through React’s virtual DOM, with SVG elements defined as React components.

Dec 18, 2021

Loading thumbnail…

Fork of Hello HTML

This example presents an extremely minimal HTML page titled "Fork of Hello HTML." The file contains only the basic document structure—a `<head>` with a `<title>` and an empty `<body>`—with no visible content or interactive elements. There are no JavaScript libraries, data visualizations, or rendering APIs referenced in the code. The page simply displays a blank browser window, serving as a bare-bones starting point for further development, and includes an embedded YouTube video in the README for reference.

Dec 18, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a minimal React-based SVG visualization featuring a single circle element. The code imports React from a CDN, though it only logs the React object to the console without using any React-specific features. The SVG canvas is set to 960 by 500 pixels, with a circle of radius 200 rendered without specified coordinates. The page uses raw JavaScript and embedded SVG markup, with no external data source or interaction logic present.

Dec 16, 2021