jfgiraldo3421

@jfgiraldo3421·3 public vizzes

Cars Report

This example demonstrates a simple text-based report of used cars, showing the year, make, model, and price for each vehicle priced under $2,000. It simulates an asynchronous data fetch with a two-second delay, then filters and formats the data using JavaScript modules and array methods. The visualization relies on Promises (`getCars`), the `filter` and `map` array operations, and template literals to generate the output, which is rendered directly into the HTML `<pre>` element. The data is hard-coded as a JSON string in the source code.

Sep 28, 2019

Loading thumbnail…

Cars Report

The Cars Report example shows a text-based listing of used cars, filtered to display only vehicles priced below $1,900. It demonstrates asynchronous data loading and JavaScript module composition. The code uses `getCars()` to parse a hardcoded JSON array after a simulated two-second delay, then `generateReport(cars, 1900)` filters and formats each car with `formatCar`. The final report, generated via `Array.filter` and `Array.map`, is displayed in an HTML `<pre>` element. The example relies on Promises and string interpolation rather than charting libraries.

Sep 28, 2019

Loading thumbnail…

Cars Report

A simple static report displays the message "holaaaaaaa" in large, centered white text on a dark blue background. The page loads a single text string from an external module and writes it into a preformatted element using the native `textContent` API. Styling is applied via CSS, including a Google Fonts import for Ubuntu, while the HTML file defines the document structure. The example demonstrates basic DOM manipulation and CSS formatting within a minimal single-page setup.

Sep 28, 2019