vanseveren.m@northeastern.edu

@vansev·3 public vizzes

test 2

This example demonstrates how to load and parse a CSV file using the browser’s native Fetch API. The code fetches a CSV file containing CSS named colors from a GitHub gist and logs the raw text response to the console. It shows the initial step of reading external tabular data without any visualization, relying on `fetch` and `response.text()` to handle the asynchronous request. The page is a minimal HTML document with no additional libraries or rendering logic.

Aug 9, 2024

Loading thumbnail…

Fork of Hello HTML

This example shows a yellow smiley face drawn with a black outline and two black eyes on a blank page, with a red arc forming a mouth below. The visualization is created using raw SVG elements within an HTML file, while a React component renders the mouth path using d3’s `arc` generator. The code imports React and ReactDOM, uses an `arc()` from d3 to define the mouth’s geometry, and outputs the path into an SVG element. The page includes a hidden script reference to `bundle.js`, though only the inline SVG and React rendering are visible in the provided files.

Aug 8, 2024

Loading thumbnail…

Fork of Let's make a face with D3.js!

A smiling face built with SVG elements responds to a looping two-second animation that raises and lowers its rectangular eyebrows. The example demonstrates fundamental D3.js DOM manipulation by selecting an SVG canvas, appending grouped circles for eyes, a mouth path created with `d3.arc`, and applying `transition` calls to shift a `g` element’s transform attribute. It uses D3 v5 with import statements for `select` and `arc`.

Aug 5, 2024