Skip to main content
SimilarExport ZIP
100%

Car Reports

✓ Published0🌍 Public
Ccrocsman
Last edited Sep 6, 2021
Created on Sep 6, 2021
Forked from Hello VizHub

This example demonstrates VizHub’s ability to load D3 from UNPKG and combine local ES6 modules with a simple page. It displays a static “hello world” message in two places: a `<pre>` element populated by `index.js`, and a large vertically centered `#message` div. The code imports from `"d3"` and a local `myMessage.js` module, though no D3 functions are actually invoked. The included `bundle.js` and `styles.css` show the scaffolding for bundling and styling a visualization project.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Car report

This example demonstrates how VizHub can load D3 and use ES6 modules to create a simple web page. The code imports `select` from D3 and a local `message` module, then displays the text “Hello VizHub!” in the center of the page. It relies on an external `bundle.js` file, which is not shown, to resolve the imports at runtime. The example uses `d3.select` to target a `<div>` element with the ID `message` and sets its text content, with styling applied via an external stylesheet.

Ggvsiena
91% match
Loading thumbnail…

Car Report

This example displays a static “Hello World” message and a second “Hello VizHub!” message using ES6 modules, demonstrating basic DOM manipulation and text styling. It loads D3 v7 from a CDN via UNPKG and imports local modules, though no D3 functions are actually invoked. The page renders text through `document.getElementById` and applies CSS for centered, large-font styling. The code illustrates VizHub’s workflow for combining external libraries, local imports, and HTML/CSS structure in a minimal setup.

FFaysalIbnMohi
89% match
Loading thumbnail…

Car Reports

This example demonstrates the basic use of VizHub to load D3 v5 and local ES6 modules. It displays a static “Hello, World” message in a large font inside a div, set with the `select` API from D3. The page also shows a separate message element manipulated directly via JavaScript. The rendering is a simple text output, with no data visualization present.

WWYXxixi999
89% match
Loading thumbnail…

Cars Report

This example demonstrates VizHub’s ability to load D3 via UNPKG and use ES6 module imports from both `"d3"` and local files. It starts by importing D3 and defining a local module, then uses JavaScript to set the text content of an HTML element. The code shows a minimal setup with an `index.html` referencing a bundled script, and a `styles.css` that styles the message element, though the displayed text is only a simple greeting with no interactive behavior.

JJeff
88% match
Loading thumbnail…

Cars report

This example demonstrates how to load D3 via UNPKG and use ES6 module imports in a VizHub project. It displays a simple text message, "Hello world!", inside an HTML `<pre>` element using JavaScript to set its content. The code imports from local ES6 modules, as shown in `myMessage.js`, and references the `document.getElementById` API to update the page. The project includes separate files for HTML structure, JavaScript logic, and CSS styling, though the styling is minimal and not applied to the visible output.

Bbirat-banstola
88% match
Loading thumbnail…

Cars report

This example demonstrates a minimal VizHub project that loads D3 via UNPKG and uses ES6 modules to display a static message. The index.js file imports a local module and sets the text content of a `<pre>` element to “Hello World”. The code also includes an exported constant `hi` from `cars.js` and a separate `myMessage.js` module, though only the greeting is rendered. The page is styled with a centered, large-font CSS rule for a `#message` id.

Bbalak045
87% match
Loading thumbnail…

Car Reports

This example renders a simple text message, “Hello VizHub!”, centered on the page using D3’s `select` to target a div with the ID `#message`. It demonstrates loading D3 v5 from UNPKG, importing the `select` function via ES6 modules, and importing a local module (`myMessage.js`) that exports the `message` constant. The code also links an external CSS file to style the text with a large font size and center alignment.

Ppei9223
87% match
Loading thumbnail…

Cars Report

This example displays a static “Hello world!” message inside a large `<pre>` element, with text loaded from a local ES6 module and set via `document.getElementById` in JavaScript. It demonstrates VizHub’s support for importing D3 and local modules, using `index.js` and `myMessage.js` to inject content into `index.html`. The page relies on a bundled `bundle.js` script and includes a `styles.css` rule that centers and enlarges the message text, though no dynamic data or visualization is present.

Jjkmingwen
87% match