jlonai@nnu.edu

@lonaiguy·2 public vizzes

First D3 Test

A plain red square fills the entire 400-by-400 pixel SVG viewport, with no axes, labels, or data plotted. The example demonstrates the minimal setup for a D3 visualization by selecting the SVG element with `d3.select` and applying a CSS background color directly via `.style()`. It loads D3 v5 from a CDN and uses a bundled ES module import, relying on the SVG rendering approach. This serves as a first functional test, confirming that D3 and the SVG container are correctly connected.

Jul 9, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses React to render a text report of people data. It parses a JSON array into objects and, using the `map` function, displays each person’s name, age, and weight in a formatted line. The output is injected into a `<pre>` element via `document.getElementById` and `textContent`. The code relies on React for component logic, though it renders plain text rather than interactive visuals. The data source is embedded as a hardcoded JSON string in a separate people.js module.

Jul 7, 2020