Renu

@Renu1996·3 public vizzes

Loading and Paring CSV data

This example demonstrates loading raw CSV data from a remote URL and parsing it into text using the browser’s native `fetch` API. It fetches a list of CSS named colors from a GitHub gist, then logs the entire text content to the console. The code uses an asynchronous `fetchText` function that returns `response.text()`, showcasing a minimal approach to handling data loading without external libraries. The page itself is a bare HTML shell with embedded JavaScript, highlighting the basic workflow of retrieving and inspecting CSV data in the browser.

May 20, 2021

Loading thumbnail…

Smiley Face Part 1

A grid of identical smiley faces renders in SVG via React, each composed of a yellow circle, two eyes, a red nose, and a D3 arc-based mouth. The `Face` component assembles the `BackGroundCircle`, `Eyes`, `Nose`, and `Mouth` subcomponents, with `d3.arc()` defining the mouth’s inner and outer radii and angles. The example uses d3.v6’s `range` to generate 18 faces, all sharing the same fixed parameters, demonstrating parameterized component reuse without variation.

May 20, 2021

Loading thumbnail…

Fork Vizhub

This example demonstrates how to fork a VizHub project, starting from a minimal HTML page that uses an embedded YouTube tutorial video to guide the process. The code itself contains only a static "Hello, World!" message in the body, with no interactive data visualization or external libraries. It serves as a bare-bones starting point for users to clone and modify within the VizHub platform, highlighting the forking workflow rather than any particular rendering technique or dataset.

Mar 19, 2021