Hello VizHub

Hello VizHub

This example demonstrates how VizHub supports modular ES6 JavaScript and D3.js. It displays the text “Hello VizHub!” centered on a dark blue page with large, styled typography. The code imports the `select` function from D3 v5 and uses it to set the text content of a `#message` div. It also imports a string from a separate local module, `myMessage.js`, and applies the Ubuntu font via CSS.

Ppin84

Hello VizHub

Ppin84

Hello VizHub

Ppin84

Hello VizHub

This example displays a large, centered “Hello VizHub!” message on a dark blue background with white Ubuntu font. It demonstrates basic VizHub project structure using ES6 modules and D3.js. The code imports the `select` function from D3 and a custom `message` string from a local module, then sets the text of a `div` element using `select('#message').text()`. Styling is handled through an external CSS file with a Google Fonts import.

EEyob Westerink

Hello VizHub

A minimal demonstration of VizHub's integration with D3.js and ES6 modules. The example renders the text "Hello VizHub!" onto a web page, using D3's `select` method to target a `div` element and set its content from an imported `message` constant. The accompanying CSS applies a custom Ubuntu font and a dark blue background, while the HTML loads D3 v5 from a CDN and references the bundled JavaScript.

Vvkanotra

Hello VizHub

This example displays a large, centered “Hello VizHub!” message in a dark blue, Ubuntu-styled page. It demonstrates the basic structure of a VizHub project, separating HTML, CSS, and ES6 modules. Using D3.js v5, the code imports the `select` function from the `d3` module to target the `#message` div and set its text content from an exported constant in a local module. The page relies on an external Google Fonts import for styling.

FFatimaJahara

Hello VizHub

This example displays a large, bold "Hello VizHub!" message in the center of a dark blue webpage, styled with the Ubuntu font. It demonstrates basic VizHub capabilities through a modular ES6 setup, using D3 v5’s `select` API to target the `#message` div and set its text content. The message itself comes from a separate local module (`myMessage.js`), illustrating code splitting, while `index.html` loads the bundled script and external D3 library.

AAshutosh Gowardhan

Hello VizHub

This example demonstrates the fundamental workflow of a VizHub project: using D3.js to manipulate the DOM and ES6 modules to organize code. The page displays a large, centered "Hello VizHub!" message in a custom Ubuntu font against a dark navy background. The `index.js` file imports the `select` function from D3’s v5 API and a local string from `myMessage.js`, then calls `select('#message').text()` to inject that message into the designated div. The styling relies on an external Google Fonts stylesheet imported via CSS.

Jjiaweixu