kmartinf

@kmartinf·2 public vizzes

Cars Report 2

This example displays a list of cars, filtered to include only those priced under $3,000, formatted as "year make model: S$price" lines. It first shows a "Loading..." message while a Promise-based `getCars` function simulates a two-second delay before resolving the static JSON data. The report generation uses `filter`, `map`, and `join` in JavaScript to process the array, with `formatCar` handling the string output. The page relies on the `Ubuntu` font and basic CSS styling for presentation.

Sep 19, 2019

Loading thumbnail…

Hello VizHub

This example displays the message “Hello VizHub!” in large, centered, styled text on a dark blue background. It demonstrates the basic structure of a VizHub project, separating code into an HTML entry point, a JavaScript module, and a CSS stylesheet. The visualization uses D3.js v5, specifically the `select` function, to set the text content of a `div` element. The text is styled using the Ubuntu font imported from Google Fonts, with the background color defined in CSS.

Sep 18, 2019