Duarte Meneses

@djcpsm·4 public vizzes

Car Report

This example shows a text-based car report generated from a small in-memory dataset. Five car objects containing make, model, year, and price are filtered by a maximum price threshold, formatted into readable lines, and displayed in a `<pre>` element. The code uses the `filter`, `map`, and `join` array methods alongside ES6 modules and destructuring, with the data stored as a JSON string inside the JavaScript source.

Sep 20, 2019

Loading thumbnail…

Car Report

This example displays the make of the first car in a hardcoded dataset, rendering it as large, styled text on a dark blue background. The visualization uses the `cars` array imported from `cars.js` and sets the text content of a DOM element via `document.getElementById`. The page is built with plain HTML and CSS, including a Google Fonts import for Ubuntu. No D3.js functions are called in the current code, despite the import comment.

Sep 20, 2019

Loading thumbnail…

Cars Report

The cars report demonstrates basic data filtering and text rendering in VizHub. It imports a small hardcoded dataset of car objects from an ES6 module, filters the entries to those priced under $2000, and formats each remaining car into a string with its year, make, model, and price using template literals. The resulting report is concatenated with a line break and displayed as plain text inside an HTML `<pre>` element via the DOM’s `textContent` property. The example uses no external visualization libraries, relying solely on vanilla JavaScript and the module import syntax.

Sep 18, 2019

Loading thumbnail…

Cars Report

This example displays the make of the first car in a hardcoded JSON dataset, rendering the text “Land Rover” inside a large preformatted element on a plain HTML page. It imports the parsed car data from `cars.js` using ES module syntax and writes the value to the DOM via `document.getElementById`. The visualization uses no external libraries, relying solely on vanilla JavaScript and static data to demonstrate a minimal data-to-screen pipeline.

Sep 18, 2019