jakfie

@jakfie·3 public vizzes

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

This fork of “Let’s make a face with D3.js!” demonstrates fundamental DOM manipulation by rendering a smiley face with moving eyebrows on a red SVG background. The code selects the `svg` element with `d3.select`, sets its background via `style`, and relies on D3 v5 for all updates. It shows how D3 can bind data to SVG shapes and modify their attributes, making the eyebrows animate as part of the interaction. The example is implemented entirely with D3’s selection and transition APIs, without external data sources.

May 18, 2021

Loading thumbnail…

Fork of Cars Report

This example demonstrates a simple text-based report that filters a list of cars by price and displays formatted entries. The page initially shows “Loading...” and, after a two-second simulated delay, renders a report of cars under $2,000. The code uses JavaScript modules and Promises, with `getCars` returning a hardcoded JSON array of car objects, and `generateReport` filtering and formatting each item via `formatCar`. The final output is written into a `<pre>` element.

May 17, 2021

Loading thumbnail…

Fork of Cars Report

A fork of the Cars Report demonstrates asynchronous data fetching and dynamic DOM updates using vanilla JavaScript modules. It uses the `getCars()` promise to load hard-coded JSON car data after a simulated delay, then `generateReport()` filters cars by a price cap and formats them with `formatCar()`. The resulting text replaces a "Loading..." placeholder in the page’s pre element, combining `fetch`-like patterns with ES module imports/exports.

May 17, 2021