Fork of Fork of jb project1

100%

Fork of Fork of jb project1

✓ Published0🌍 Public

Last edited Mar 3, 2021

Created on Feb 10, 2021

This example displays a hardcoded list of car objects containing make, year, and price fields. The page renders a `<pre>` element with the text “hi world” styled at a large font size. After importing the car data from `anIndex.js`, the script logs a message to the console and attempts to append that message to the DOM element. The visualization uses D3 v5 and relies on standard DOM manipulation rather than any scalable graphics or charting API.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of jb project1

This example displays a simple text message, “Hi there,” in a large font on a blank page. It imports a small array of car objects from a separate module and uses plain DOM manipulation to set the text content of a pre element, rather than creating any charts or visualizations. The code relies on d3.v5 loaded via CDN, though no D3 methods are actually called. A CSS-fixed container is defined but left unused, and the message is derived from a hardcoded string, not from the imported car data.

JJonathan

86% match

Loading thumbnail…

Fork of HTML Starter

This example displays the make of the first car in a small dataset, specifically showing “Honda” as large text on a blank page. The visualization uses a JavaScript script, `index.js`, to import the car data from `cars.js` and update the text content of an HTML element with the ID `message-element`. The page layout is styled with CSS, setting the font size of the message to three times the default. The dataset contains four cars with attributes for year, make, model, and price.

NNoah Adeshina

81% match

Loading thumbnail…

Fork of Cars report

This example displays the make of the first car in a static dataset, rendering “Honda” as large text on a plain HTML page. It imports car data from a separate `cars.js` module, which contains a hardcoded JSON array of five vehicles with year, make, model, and price fields. The `index.js` file parses this JSON using `JSON.parse` and updates the DOM by setting the `textContent` of a `<pre>` element with `id="message-element"`, styled via inline CSS. The visualization uses no charting library, relying solely on React-like modular imports and vanilla JavaScript.

Kknguyengithub

81% match

Loading thumbnail…

Fork of car report

This example displays the make of the first car in a hard-coded dataset, rendering “Honda” as large text centered on the page. A JavaScript array of car objects is stored in a separate module and imported into the main script, which then updates the text content of an HTML element via `document.getElementById`. The page uses plain CSS for centering and font sizing, with no external visualization libraries or interactive features beyond the static output.

Kknguyengithub

81% match

Loading thumbnail…

Fork of Hello D3 Version 6

This example shows a single car make, “Honda,” displayed in large text on a web page. It demonstrates a minimal D3 version 6 setup by importing car data from a JavaScript module and updating the DOM. The code uses `d3.v6` from a CDN, a JSON string parsed with `JSON.parse` within `cars.js`, and `document.getElementById` to set the text content of a `<pre>` element. No charts or visual encodings are present; the focus is on basic data import and rendering.

MMonisha Gopinath

80% match

Loading thumbnail…

Fork of Hello

This example displays a single car model from a small dataset of vehicles, showing the text "accord" centered on the page with large font styling. It imports car data from a local ES6 module (`cars.js`) that parses a JSON string using `JSON.parse`, then accesses the second entry to extract the model field. The code demonstrates module imports, DOM manipulation via `getElementById`, and CSS styling for the message element.

Bbyiringirodalio

79% match

Loading thumbnail…

Fork of Cars Report

This example shows a simple, unstyled list of used cars with their model years and prices in a plain HTML page. The code imports D3’s `select` function to replace the body content with a text message, demonstrating basic DOM manipulation with D3 version 7. The page itself includes a static header and an unordered list of three car entries, while the accompanying CSS sets a monospace font and large base text size. The data is hardcoded in the HTML rather than loaded from an external file.

HHemant Singh

79% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3 v7 setup by displaying the make of the first car from an embedded JSON dataset in the browser. The page loads D3 from a CDN and uses the `cars.js` module to parse two car entries, then the `index.js` script selects the `<pre>` element via `document.getElementById` and sets its text content. The HTML includes a large font size and a video tutorial link, but the visible output is simply the text “Honda” rendered on screen.

CCarloWK1202

79% match