Card Report

100%

✓ Published0🌍 Public

Last edited Feb 18, 2021

Created on Feb 18, 2021

This example displays a single message, "Hello World," in a centered `<pre>` element. It demonstrates modular JavaScript by importing a separate message, "Hello VizHub!," from a local ES6 module via `myMessage.js`. The code loads D3 v5 from UNPKG, though it does not use any D3 functions for visualization. The page structure is defined in `index.html`, with styling applied through `styles.css`.

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

84% match

Loading thumbnail…

Cars Report

This example displays a single, large "Hello World" message on a blank page, serving as a minimal demonstration of the VizHub environment. The visualization is rendered as plain HTML text within a `<pre>` element, populated by JavaScript code that selects the element by its ID and assigns a string to its `textContent` property. It imports a second message from an ES6 module to illustrate basic module usage. The project uses D3 v5 solely through its library inclusion, though no D3-specific functions are invoked in this static output.

Jjhofang

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

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

83% match

Loading thumbnail…

Car Reports

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.

Ccrocsman

83% match

Loading thumbnail…

Cars Report

This example demonstrates a minimal "Hello VizHub!" message rendered as text on a webpage. The code loads D3 via UNPKG and imports local ES6 modules, including a custom message module. The `index.html` file contains a single `<pre>` element whose content is set through the DOM API in `index.js`. A separate `styles.css` file applies text alignment and font sizing. The example does not include any data visualization, charts, or D3-specific functions, but shows basic module imports, DOM manipulation, and external library loading.

AAbdoulaye DIOP

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

82% match

Loading thumbnail…

Try

This example demonstrates a minimal setup for loading D3 and local ES6 modules within VizHub. It displays the text "Hello World" in a `<pre>` element by importing a message from a separate `myMessage.js` module. The page uses `import` from `"d3"` via UNPKG and local module syntax, with styling from `styles.css` that centers and enlarges the text. The code targets the element by ID and sets its text content directly.

Eeveryfin-in

82% match