Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published0🌍 Public
Aatheeralattar
Last edited Feb 14, 2021
Created on Feb 14, 2021
Forked from 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.

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 displays a simple text message, "Hello Viz!", centered on the page in a large font. The visualization demonstrates the basic setup of a VizHub project, showing how to load D3 via UNPKG and import from local ES6 modules. The code uses plain HTML and CSS for styling and renders the message directly in the div with the ID "message". While it references a separate module exporting the string "Hello VizHub!", the visible output uses the inline string from `index.js`.

Nn-ancy
87% match
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” centered on the page using a simple DOM-based visualization. It loads D3 v5 from a CDN and uses the `select` function to target the `#message` div, setting its content with a local ES6 module import. The code demonstrates modular JavaScript with `myMessage.js`, while `styles.css` controls the font size and alignment. No external dataset is involved; the visualization is purely a static text rendering.

HHoosierExperienceDesigner
86% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a simple message, "Hello VizHub!", centered on the page. It loads D3 from a CDN via UNPKG and uses the `select` method from `d3` to target an HTML element with the ID `message`. The text content is set using a local ES6 module named `myMessage.js`, which exports the message string. The page also imports a CSS file to style the text with large, centered font.

NNagateja99
86% match
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” prominently in the center of the page, styled with large CSS typography. It demonstrates fundamental VizHub capabilities by loading D3.js v5 from the UNPKG CDN, importing the `select` function from `d3`, and importing a custom message from a local ES6 module. The code renders the message by selecting the `#message` div and setting its text content.

JJeorge D. Anderson II
86% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to render a simple text message in the browser using D3.js and local ES6 modules. The code imports the `select` function from D3 and a `message` constant from a separate `myMessage.js` module, then sets the text content of a `#message` div. The page loads D3 v5 from UNPKG and applies centered, large-font styling from an external CSS file.

Eeravellisaimeghana
86% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to render a simple text message in the browser using D3.js and local ES6 modules. The code imports the `select` function from D3 and a `message` constant from a separate `myMessage.js` module, then sets the text content of a `#message` div. The page loads D3 v5 from UNPKG and applies centered, large-font styling from an external CSS file.

Eeravellisaimeghana
86% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to render a simple text message in the browser using D3.js and local ES6 modules. The code imports the `select` function from D3 and a `message` constant from a separate `myMessage.js` module, then sets the text content of a `#message` div. The page loads D3 v5 from UNPKG and applies centered, large-font styling from an external CSS file.

Eeravellisaimeghana
86% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js setup within VizHub, showing how to display a text message centered on the page using HTML and CSS. The code loads D3 v5 via a CDN in `index.html` and uses an ES6 module, `myMessage.js`, to export the string "Hello VizHub!" which is imported and logged to the console in `index.js`. The visualization relies on the `#message` div styled in `styles.css` rather than any D3 data-binding or SVG rendering. It highlights the integration of local modules, external libraries, and styling within a single-page framework.

Vvikram548
86% match