Fabio Tejedor

@fhtejedorg·6 public vizzes

Untitled

This example shows a blank HTML page with no visible content or visualization. The code consists of an empty `index.html` file and a README referencing a minimal HTML page using CSS and JavaScript, with a link to a React Starter template. No libraries, APIs, data sources, or rendering approaches are implemented in the provided files, so the page renders as a blank document without any interactive or graphical elements.

Oct 31, 2022

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a basic HTML page that displays a linked image and the text “Hello HTML,” with an accompanying console log message. It uses plain HTML, CSS, and JavaScript, with an image wrapped in an anchor tag pointing to W3Schools. The page initializes a simple console output via the `console.log` API, and the CSS, while present, is commented out. This is a minimal starter template, not a data visualization, and shows no dynamic rendering or data processing.

Feb 23, 2021

Loading thumbnail…

Cars Report

This example demonstrates a simple text-based report generated from an array of car objects, displaying formatted employee names and prices for entries with an ID greater than 1. It parses embedded JSON data using `JSON.parse`, filters and maps the data with array methods, and writes the result to the page via `document.getElementById` and `textContent`. The code uses a plain HTML `<pre>` element for output and does not rely on external libraries, despite the README referencing D3 capabilities.

Feb 23, 2021

Loading thumbnail…

Cars Report

This example displays a single job title—"Developer"—from a three-element JSON array of employee records. It parses the inline JSON data using `JSON.parse` and writes the first record’s `jobTitle` property into a `<pre>` element via `document.getElementById` and `textContent`. The page loads a bundled D3 version 6 library from `bundle.js`, though no D3-specific API calls are used in the visible code.

Feb 19, 2021

Loading thumbnail…

Fork of Carjgvg`s Report

This example demonstrates a JavaScript car report generator that filters a list of cars by price and formats the results into a text display. It uses a mock data source defined in a JSON string within `getCars.js`, which is parsed and returned via a Promise with a simulated 2-second delay. The report is built with `generateReport.js`, which filters car objects below a maximum price and maps them through `formatCar.js` to produce formatted strings. The page’s `<pre>` element initially shows “Loading...” and then updates with the final report using the `getCars()` and `generateReport()` functions.

Jan 27, 2021

Loading thumbnail…

Fork of Cars Report

This example demonstrates a JavaScript function that filters a hardcoded array of car objects—each containing year, make, model, and price—to list only vehicles priced under a specified maximum. The workflow uses `JSON.parse` on an embedded JSON string, asynchronously retrieves the data via a custom `Promise` with a two-second delay, and displays the formatted output in an HTML `<pre>` element. The code relies on `import`/`export` modules to separate data retrieval, formatting, and report generation logic.

Jan 26, 2021