Cars Report

100%

✓ Published1🌍 Public

Last edited Jun 19, 2020

Created on Jun 19, 2020

This example displays a list of five used cars with their year, make, model, and price in a large, centered text format. The page sets the message element’s color to blue using plain JavaScript and applies a dark blue background with white Ubuntu font styling via CSS. The data is defined as a JSON array in cars.js and exported for use, though the visualization itself is static and does not perform any data-driven rendering or interaction.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Report

This example displays a list of five used cars with their make, model, year, and price, rendered as plain text in a `<pre>` element against a dark blue background. It imports a JSON array from the `cars.js` module, parses it via `JSON.parse`, and writes the resulting object to the page using `document.getElementById` and `textContent`. The styling uses an Ubuntu font from Google Fonts and a large 12em font size for dramatic visual impact.

TTiffani Gamboa

92% match

Loading thumbnail…

Cars Report

This example displays a list of five used cars with their year, make, model, and price, rendered as static text on a dark blue page. The Cars.js module stores the car data as a JSON string, which is parsed and exported for use in index.js. The page imports D3 v5 and uses the ES6 module system, while the message “Hello VizHub!” is set via `document.getElementbyId`, though it is not shown in the final output. The styling uses an imported Ubuntu font with large centered text.

Aapiask18

91% match

Loading thumbnail…

Car Report

This example displays a list of five used cars, showing their year, make, model, and price as plain text on a dark blue background. The page reads a hardcoded JSON array of car objects and formats each entry using a custom `formatCar` function, which composes the year, make, model, and price into a single string. The formatted message is then inserted into a `<pre>` element via `document.getElementById` and assigned to its `textContent` property. The layout relies on basic HTML, CSS with the Ubuntu font, and vanilla JavaScript, with no external visualization libraries.

Llonandy

90% match

Loading thumbnail…

Cars Report

This example displays a static list of five cars with their year, make, model, and price, rendered as plain text in a browser page. The visualization uses ES6 modules to import car data from a dedicated `cars.js` file and a separate message from `myMessage.js`, while the `index.js` script writes a greeting to a `<pre>` element. The styling relies on CSS with an Ubuntu font, a dark blue background, and large text, but the page does not include any charts, graphs, or interactive elements beyond the static textual output.

Jjmillanm

90% match

Loading thumbnail…

Cars Report

This example displays a report listing five used cars with their year, make, model, and price. The page initially shows “Loading...” and then renders the generated report inside a large `<pre>` element using the data from `cars.js`. The code uses JavaScript promises via `getCars().then()`, a custom `generateReport` function to filter by year, and inline CSS with the Ubuntu font and a dark blue background. The visualization is purely text-based, with no charting library involved.

TTrey Billing

89% match

Loading thumbnail…

Cars report

This example shows a simple data report of five used cars, displaying their make, model, year, and price in a static JSON dataset. The page renders a large red greeting message and a heading, while the JavaScript sets the message element’s text content to the second car’s make, “Nissan,” using the DOM API `document.getElementByID` and `textcontent`. The data is parsed with `JSON.parse` and imported from a separate module, but no charting or visualization library is used.

Bb-g-h

89% match

Loading thumbnail…

Cars Report

This example displays the title "Cars Report" over a dataset of five used cars. The visualization loads car records containing make, model, year, and price from a JSON string defined in `cars.js`, parsing it with `JSON.parse`. The page renders a large “Hello” message via JavaScript DOM manipulation, setting the text content of a `pre` element using `document.getElementById`. The interface uses CSS customizations, including the Ubuntu font from Google Fonts and a dark blue background.

DDjan Magno

89% match

Loading thumbnail…

Cars Report

This example displays a short list of used cars with their make, model, year, and price, sourced from a static JSON array defined in `cars.js`. The visualization renders the data as plain text on a webpage, with a large "Hello" message styled via CSS. It uses D3 v5, loaded from a CDN, but the code primarily relies on standard JavaScript `JSON.parse` and DOM manipulation rather than D3-specific data-binding or layout methods.

Yylzami40

89% match