Tyler Matheny (@tylermatheny), VizHub

Cars Report

The Cars Report demonstrates a loading state followed by a text-based report of used cars priced under $2,000, generated from a hardcoded JSON array. It uses `getCars()` to return a Promise that resolves after a two-second delay, simulating an asynchronous API, and `generateReport()` to filter, format, and join car entries via `formatCar`. The page renders the output through the DOM API `textContent`, updating a `<pre>` element to display the final list.

Nov 21, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal D3.js visualization that displays a personalized greeting on a web page. The page renders the text “Hello Tyler!” centered on a dark blue background using the Ubuntu font. The code imports the `select` function from D3 and uses it to target the `#message` div, setting its text content with a message defined in a separate ES6 module. The styling is handled through CSS, including a Google Fonts import and large font sizing.

Nov 21, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal D3.js visualization that displays a personalized greeting on a web page. The page renders the text “Hello Tyler!” centered on a dark blue background using the Ubuntu font. The code imports the `select` function from D3 and uses it to target the `#message` div, setting its text content with a message defined in a separate ES6 module. The styling is handled through CSS, including a Google Fonts import and large font sizing.

Nov 21, 2019