Skip to main content
SimilarExport ZIP
100%

Fork of Hello World

✓ Published1🌍 Public
Rrmaldonadosnz
Last edited Feb 14, 2021
Created on Feb 14, 2021
Forked from Hello World

This example demonstrates how to display a simple text message in a web page using VizHub. It shows a large, styled greeting centered on a dark blue background. The implementation imports the `select` function from D3.js to target a specific DOM element by ID and update its text content with a message imported from a local ES6 module. Styling is applied through an external CSS file that imports the Ubuntu font from Google Fonts, sets the background color, text color, and font size.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

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

Fork of Hello VizHub

This example demonstrates how to build a simple web page with VizHub, showing a centered text message displayed in large font. It uses D3.js version 5’s `select` function to update the text content of an HTML element, and imports a custom ES6 module with an exported `message` constant. The page loads D3 from UNPGK and includes local CSS styling. The code also declares unused variables, including a number and a regular expression, which are not referenced in the visible output.

PPradhyumna Poralla
90% match
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
89% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a simple text message, "Hello VizHub!", styled with large, centered typography. It uses D3 version 6 to select the HTML element with the id `message` and set its text content via the `select` function. The text is defined in a separate ES6 module as an exported constant. Styling is applied through an external CSS file that centers the text and sets its font size.

Mmyselfganesh433@gmail.com
89% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a simple text message, "Hello VizHub!", styled with large, centered typography. It uses D3 version 6 to select the HTML element with the id `message` and set its text content via the `select` function. The text is defined in a separate ES6 module as an exported constant. Styling is applied through an external CSS file that centers the text and sets its font size.

Mmyselfganesh433@gmail.com
89% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example displays the text “Hello VizHub!” centered in a large font. It demonstrates fundamental VizHub workflows: loading D3 from a CDN via UNPKG, importing the `select` function from the D3 module, and using a local ES6 module (`myMessage.js`) to supply the displayed string. The rendered output is a single styled HTML div, with CSS controlling the message’s size and alignment.

Mmulyasuji999@gmail.com
88% match
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
88% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a simple text message—“Hello VizHub!”—centered on the page using D3.js. It demonstrates importing the `select` function from D3 via ES6 modules, alongside a local module that exports the message string. The code loads D3 v5 from UNPKG, applies styling through an external CSS file, and renders the text by setting the DOM element’s content with `select().text()`.

NNithin Gopalakrishnan
88% match