Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published0🌍 Public
Nn-ancy
Last edited Aug 15, 2021
Created on Aug 15, 2021
Forked from 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`.

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 a minimal visualization that displays a static text message, "Hello VizHub!", centered on the page using a large font. It shows how to set up a basic VizHub project by loading D3 via UNPKG, importing D3 in the main JavaScript file, and separating code into local ES6 modules. The page structure is defined in HTML with a `<pre>` element, while the message is exported from a separate module and injected into the DOM. Styling is handled through a simple CSS rule that centers the text and sets its font size.

Ssangeetha-gandhi
94% 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
93% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub projects are structured, showing a simple web page that displays the text “Hello VizHub!” in large centered type. The visualization uses D3.js v5, loaded via UNPKG, to select the `#message` div and set its text content. The project also illustrates ES6 module imports, both from the D3 library (`import { select } from 'd3'`) and from a local module (`./myMessage`), which exports the displayed message string. A separate CSS file styles the message with a 12em font size.

MMuhriddinMahmudjonovich
93% match
Loading thumbnail…

Fork of Hello VizHub

This example displays the text "Hello VizHub!" centered and styled via CSS. It loads D3.js from a CDN and uses the `select` API to target the `#message` div, setting its text content. The text value comes from a local ES6 module named `myMessage.js`. The project demonstrates importing both external libraries and local modules within a VizHub environment.

NNITIN0601
93% 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
93% 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
93% 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
93% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates the basic structure of a VizHub project, showing how to load D3 via UNPKG and use ES6 modules to manage code. The visualization renders a single text message, "Hello VizHub!", centered on the page using the `select` function from D3 to set the text content of a div. It also imports a local module, `myMessage.js`, to supply the message string, and applies styling through an external CSS file. The code highlights D3’s integration with modern JavaScript module syntax and simple DOM manipulation.

SSwavna
93% match