Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Hello VizHub

✓ Published0🌍 Public
NNithin Gopalakrishnan
Last edited Feb 6, 2021
Created on Feb 6, 2021

This example demonstrates how VizHub supports ES6 modules and external libraries by rendering a centered “Hello VizHub!” message. It imports the `select` function from D3 v5 (loaded via UNPKG) to manipulate the DOM, and imports a local `message` string from a separate `myMessage.js` module. The message is displayed in a large, centered font using CSS. The code shows the basic setup for combining CDN-loaded D3 with modular JavaScript in a VizHub 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…

Fork of Hello VizHub

This example demonstrates how VizHub supports ES6 module imports and external library loading to render a simple static message. It uses D3 v5, imported via UNPKG from a CDN, to select the `#message` div and set its text. The text content comes from a local ES6 module, `myMessage.js`, which exports the string "Hello VizHub!". The page is styled with a CSS file, centering the message at a large font size.

Pplchao
95% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to load D3 via UNPKG and use ES6 modules in a VizHub project. It uses the `select` function from D3 to target a `#message` div and set its text content. The text string comes from a local module, `myMessage.js`, which exports a `message` constant. The final page renders a centered, large-font "Hello VizHub!" message using CSS from `styles.css`, showcasing basic module imports and DOM manipulation.

DDivyaVellanki
95% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates VizHub’s ability to combine ES6 modules with D3.js by rendering a simple “Hello VizHub!” message. It shows how to import both external libraries and local code, using `select` from D3 to target a `div#message` and setting its text via a custom `message` export from `myMessage.js`. The page loads styles from `styles.css` and D3 v5 from UNPKG, bundling everything into `bundle.js`.

CCHIJIOKE-UKWU PROMISE
95% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub supports importing D3 and local ES6 modules to render a simple text message. The page displays “Hello VizHub!” centered in a large font using the `select` function from D3 to set the text content of a div element. The code imports `select` from `d3` and a `message` constant from a local `myMessage` module, showing modular code organization. D3 v5 is loaded via UNPKG, and the styling is defined in a separate CSS file.

FFaysalIbnMohi
95% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub supports modular ES6 JavaScript and D3.js integration. It renders a fixed text message, “Hello VizHub!”, centered on the page via a CSS style. The code imports the `select` function from D3 and a local `message` string from a separate module, then uses `select('#message').text()` to update the DOM. D3 v5 is loaded from a CDN, while local styling and modules are imported through standard HTML and JavaScript syntax.

Tttummala17
95% match
Loading thumbnail…

Fork of Hello VizHub

A simple demonstration of VizHub's module system and D3 integration shows a centered "Hello VizHub!" message rendered in large text. The example loads D3 v5 from UNPKG and uses the `select` function to set the text content of an HTML div. It also imports a local ES6 module, `myMessage.js`, which exports the message string, highlighting how both external libraries and local modules can be combined in a single visualization.

Vvineelaramulapalli32
94% match
Loading thumbnail…

Fork of Hello VizHub

A simple demonstration of VizHub's module system and D3 integration shows a centered "Hello VizHub!" message rendered in large text. The example loads D3 v5 from UNPKG and uses the `select` function to set the text content of an HTML div. It also imports a local ES6 module, `myMessage.js`, which exports the message string, highlighting how both external libraries and local modules can be combined in a single visualization.

Vvineelaramulapalli32
94% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub supports modular ES6 code and external libraries in a minimal D3.js visualization. It renders a single text message centered on the page using the `select` function from D3 v5, which is loaded via UNPKG in the HTML file. The message string is imported from a local ES6 module (`myMessage.js`), while styling comes from a linked CSS file. The code also includes unused variables and a regular expression, showcasing basic JavaScript syntax within the framework.

CCreighton Chingarande
94% match