hawjelly

@hawjelly·5 public vizzes

Cars Report

This example demonstrates how to generate a text-based car report from structured data. It uses JavaScript objects and arrays, with a `getCars` function that parses a JSON string to return an array of car objects. The `generateReport` module filters cars by price and formats each entry using the `formatCar` function, then displays the result in an HTML `<pre>` element via `textContent`. The code relies on ES modules and a Promise-based `getCars` call to load the data asynchronously.

Jul 17, 2020

Loading thumbnail…

Car Report

This example displays a simple car report, filtering a small dataset to show only vehicles priced under $2,000. It renders the results as a formatted text list using the `formatCar` module. The code loads D3 from UNPKG, but the visualization itself relies on standard Document Object Model (DOM) manipulation to update the text content. The `cars.js` file defines the data, while `index.js` imports it and the formatter to generate the final report.

Jul 17, 2020

Loading thumbnail…

Cars Report

This example demonstrates a simple text-based report for a car inventory, displaying a car’s make in large type on a web page. Working from an embedded JSON array of car objects, it uses a JavaScript module (`cars.js`) to parse the data and a separate function (`generateReport`) to filter cars under a given price and format each entry. The page’s content is updated via the Document Object Model’s `textContent` property, with the code bundled using Rollup for execution in the browser.

Jul 17, 2020

Loading thumbnail…

Cars Report

This example presents a minimal starter application titled "Cars Report." It displays a simple static text message, "Hellow World," inside a pre-formatted HTML element. The implementation uses vanilla JavaScript within a React framework structure, where the `index.js` file assigns the message string to the designated DOM node via `textContent`. The visualization gallery entry highlights a basic template, showing how a React project can render textual output without additional libraries or dynamic data processing.

Jul 17, 2020

Loading thumbnail…

HTML Starter

This example shows a minimal HTML page with the text “Hello HTML” displayed in large, centered type, alongside a single line of JavaScript that logs “Hello JavaScript!” to the browser’s console. The page uses plain HTML and CSS for styling, with no external libraries or frameworks. The script demonstrates basic console output, while the document structure highlights the fundamental building blocks of a web page. The data source is purely static, with no dynamic content or rendering pipeline.

Jul 17, 2020