atheeralattar

@atheeralattar·2 public vizzes

Fork of Hello VizHub

This example displays a centered, large-font text message that reads “Hi my name is Atheer” on an HTML page. It demonstrates basic module loading and DOM manipulation without any data or visualization. The code uses an ES6 module to export a message string, imports local JavaScript through `index.js`, and sets the text content of an element via `document.getElementById().textContent`. Styling is handled with CSS, setting the text alignment and font size through the `#message` selector.

Feb 14, 2021

Loading thumbnail…

Hello World!

This example demonstrates the basic workflow of a VizHub project, showing how a single text message is rendered to the page using a module structure. It explicitly loads D3 via UNPKG and uses ES6 `import` statements in `index.js` to import the message from a local ES6 module (`main.js`). The code then writes the message to the DOM by accessing the `<pre id="message-element">` element’s `textContent` property, with the HTML file loading the compiled `bundle.js` script.

Feb 14, 2021