lialee99

@lialee99·3 public vizzes

Books Report

This example displays a plain-text report of books filtered by a minimum price, rendered in large type via an HTML `<pre>` element. It imports book data from a JSON string parsed in `books.js` and uses `generateReport.js` with `Array.filter` and `Array.map` to process the data. The `format.js` module formats each entry as a year, make, model, and price line. The final report is inserted into the page using the DOM API `document.getElementById` and `textContent`.

Jan 8, 2020

Loading thumbnail…

Cars Report

This example demonstrates a JavaScript application that displays a text-based report of cars priced under a user-defined threshold. It shows how to fetch, filter, and format data asynchronously. The code uses JavaScript arrays, objects, and Promise-based functions like `getCars` and `generateReport`, with ES6 modules for `formatCar`. The report is rendered in an HTML `<pre>` element via the DOM, after a simulated 2-second delay, and the data comes from inline JSON.

Jan 6, 2020

Loading thumbnail…

Cars Report

This example displays a simple text-based report of cars, showing each vehicle’s year, make, model, and price. It filters the dataset to include only cars priced below a specified maximum, then formats each matching car as a single line. The visualization uses React with plain JavaScript, parsing embedded JSON data via `JSON.parse` and rendering the result into an HTML element using the DOM `textContent` property. The `formatCar` function handles string construction, while the filtered and mapped array is joined with newlines for display.

Jan 6, 2020