Skip to main content
SimilarExport ZIP
100%

Practic02 | HTML

✓ Published1🌍 Public
Hhimanshucse2012
Last edited Oct 17, 2021
Created on Oct 17, 2021

This example displays a simple text-based car report, listing vehicles under a specified price from an embedded JSON array. The page shows a static list and a dynamically generated report of five cars with prices below $2000, formatted as year, make, model, and cost. The code uses JavaScript’s native `JSON.parse` and array methods like `filter`, `map`, and `join` to process data, then updates the DOM via `document.getElementById().textContent`. Styling relies on plain CSS, with no D3.js functions applied in the visible implementation.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Practic01 | Cars Report

This example presents a plain-text report of car inventory, listing each vehicle’s year, make, model, and price after filtering to show only cars under $2,000. The report is generated from an inline JSON array of five car objects, using JavaScript array methods `filter` and `map` in conjunction with a custom `formatCar` function to produce the formatted lines. The output is displayed directly in a `<pre>` element on the page, styled with large font size, and the code runs without any additional visualization library, relying solely on vanilla JavaScript and the DOM API.

Hhimanshucse2012
90% match
Loading thumbnail…

Cars Report

This example displays a simple text report of car data, filtering a hardcoded JSON array to show only vehicles priced under $2000. The visualization uses D3 version 7 to parse the data, and JavaScript string formatting to display each car's year, make, model, and price. The page renders the result inside a `<pre>` element with large typography. The code demonstrates basic data manipulation and DOM text injection, relying on `JSON.parse` and standard document element selection.

MMFS-Dev
85% match
Loading thumbnail…

HTML Cars Report

This example shows a simple HTML cars report that displays a list of used cars with their prices. The page renders a JavaScript-generated list from hardcoded JSON data, filtering vehicles priced above $1000 and formatting them into a text report. The code imports car data from a `cars.js` module, uses array methods like `filter` and `map` to process the entries, and writes the result to a DOM element via `document.getElementById`. The page also includes a static HTML list with a red-highlighted car, styled with monospace fonts through CSS.

PPranita Khandelwal
85% match
Loading thumbnail…

Cars Report

This example displays a text-based report of cars priced below $2,800, listing each vehicle’s year, make, model, and price on a large, styled webpage. It uses JavaScript array methods like `filter`, `map`, and `join` to process a static JSON dataset of five cars, while the `formatCar` function formats each entry. The output is rendered into a `<pre>` element via `document.getElementById` and `textContent`.

Bb-g-h
85% match
Loading thumbnail…

Cars Report

This example displays a simple text report of cars priced under $2,000, using D3 v5 to load and parse a local JSON dataset. ES6 modules import the car data and a formatting function, while the report is generated by filtering the array and joining formatted strings. The output appears in a pre-styled HTML element, demonstrating modular code organization and data processing without any chart rendering.

Ddaniel
85% match
Loading thumbnail…

Cars report

This example displays a text-based report of cars priced under $2,000, formatting each entry as a line with the car’s year, make, model, and price. It uses JavaScript arrays and template literals to parse a static JSON dataset and filter the cars by price, then joins the formatted lines into a single message. The report appears inside a `<pre>` element in the HTML page, populated via `document.getElementById().textContent`. The code uses no external visualization libraries, relying solely on vanilla JavaScript and the DOM API for rendering.

Aalobry
85% match
Loading thumbnail…

Cars Report

This example demonstrates a text-based report of cars filtered by price, showing a list of vehicles under $2,000. It uses JavaScript objects, arrays, and modules to parse embedded JSON data, format each car’s year, make, model, and price, and display the result in a large `<pre>` element. The code relies on standard ECMAScript features like `JSON.parse`, array filtering, and template literals, with a simulated asynchronous delay via `Promise` and `setTimeout`. No external libraries are used; the rendering is plain text output in an HTML page.

Ooxsrev
84% match
Loading thumbnail…

Cars Report

This example demonstrates a text-based report of cars filtered by price, showing a list of vehicles under $2,000. It uses JavaScript objects, arrays, and modules to parse embedded JSON data, format each car’s year, make, model, and price, and display the result in a large `<pre>` element. The code relies on standard ECMAScript features like `JSON.parse`, array filtering, and template literals, with a simulated asynchronous delay via `Promise` and `setTimeout`. No external libraries are used; the rendering is plain text output in an HTML page.

Ooxsrev
84% match