Cars Report

100%

✓ Published0🌍 Public

Last edited Sep 9, 2019

Created on Sep 9, 2019

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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Report

This example shows a simple report of five used cars, displaying their year, make, model, and price as raw JSON text directly on the page. The visualization is purely textual, rendering a static array of car data in a large `<pre>` element. It demonstrates loading D3 and local ES6 modules via VizHub, importing the `cars` array from a separate `cars.js` file, and using `document.getElementById` to inject the JSON string into the DOM. The page relies on a bundled `bundle.js` script with basic HTML and CSS styling.

KKumar Nishant

92% 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

91% match

Loading thumbnail…

Cars Report

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.

Rrcflyboyjr

91% 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

91% match

Loading thumbnail…

Cars Report

This example displays a list of five used cars with their make, model, year, and price, extracted from an inline JSON array. The page renders the text “Hey there” in a large `<pre>` element by using D3 v5’s selection and DOM manipulation via `d3.select` and `.text()`. The data is imported as a JavaScript module from `cars.js`, while the HTML loads D3 from a CDN and references a bundled script.

Ggpfstuff

91% match

Loading thumbnail…

Cars Report

This example demonstrates how to load and display a small dataset of used cars. It uses `cars.js` to define and export an array of five car objects, each with a year, make, model, and price. The main `index.js` imports this data and sets the text content of an HTML element with the ID `message-element` to a simple string, “Hey there,” which replaces the initial “Hello” text. The page is styled with a large font and built using D3 v5, though the visualization itself is limited to basic DOM manipulation via `document.getElementById` and `textContent`.

Ggpfstuff

90% match

Loading thumbnail…

Cars Report

This example displays the first car make from a small, hardcoded dataset of five vehicles, rendering “HONDA” prominently in large, bright text on a dark navy background. It demonstrates a basic D3.js and ES6 module setup within VizHub, importing data from a separate JavaScript file and updating a DOM element via `document.getElementById`. The visualization uses the `cars` array, parsed from a JSON string, and relies on vanilla JavaScript to insert the value, with styling controlled by external CSS and the Ubuntu font.

Cchiavedisol

90% match

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

89% match