Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cars Report

Public visualization

Viewing a saved revision (read-only)

2b447e917df14a0893d00e4fe899f7b7

Cars Report

0 stars1🌍 Public
Cchrisdreece
Last edited Jan 7, 2021
Created on Jan 5, 2021
Forked from Hello VizHub

This example displays a text-based report of cars with a price below a specified threshold, formatted as a multi-line string in a large monospace typeface. It uses vanilla JavaScript modules, including `Array.prototype.filter` and `Array.prototype.map`, with the `formatCar` function to construct each line, and `Array.prototype.join` to combine them. The data originates from an inline JSON array of car objects, and the final message is rendered via the DOM API `document.getElementById` and `textContent`.

AI-generated description

Replicating the Cars Report from Curran's D3 Video:

  • Creates the report from the cars JSON data