Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
GGlenn Henshaw
Last edited Sep 26, 2019
Created on Sep 26, 2019
Forked from Hello VizHub

This example displays a static, full-screen message reading “Hello VizHub” in large Ubuntu type against a dark blue background. It demonstrates the basic structure of a VizHub project, separating HTML structure, CSS styling, and JavaScript logic into distinct files. The visualization uses the D3.js library (version 5.9.1) loaded via a CDN script tag, with the main message stored and rendered through a dedicated module. The code does not include interactive or animated behavior, focusing instead on a clean, minimal setup for displaying text content.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example displays a static greeting message, “Hello VizHub!”, centered on a dark blue background with large, light-colored Ubuntu typography. It demonstrates the basic structure of a VizHub project, including separate HTML, CSS, and JavaScript modules. The code uses D3.js (v5) via `select` to set the text content of a div, while ES6 modules export the message string and import it into the main script. The styling relies on an external Google Fonts import for the Ubuntu typeface.

Iiascchwen
94% match
Loading thumbnail…

Hello VizHub

This example displays the message “Hello VizHub!” in large, centered, styled text on a dark blue background. It demonstrates the basic structure of a VizHub project, separating code into an HTML entry point, a JavaScript module, and a CSS stylesheet. The visualization uses D3.js v5, specifically the `select` function, to set the text content of a `div` element. The text is styled using the Ubuntu font imported from Google Fonts, with the background color defined in CSS.

Kkmartinf
94% match
Loading thumbnail…

Hello VizHub

This example displays a static, full-screen message, “Hello VizHub!” centered against a dark blue background with large, light-colored Ubuntu typography. The visualization demonstrates the basic project structure and rendering setup for VizHub. It uses the D3.js library version 5, specifically the `select` API function to target the `#message` div and set its text. The page also loads an external Google Fonts stylesheet via CSS and imports a local ES6 module, `myMessage.js`, which exports the displayed string.

Ssara17585
94% match
Loading thumbnail…

Hello VizHub

This example displays a single message, "Hello VizHub!", centered on a dark blue background using the Ubuntu font. It demonstrates the basic structure of a VizHub project, including an HTML entry point, a bundled JavaScript module, and a separate stylesheet. The visualization uses D3.js version 5’s `select` method to set the text content of a div element, while a custom ES6 module exports the message string. The styling is applied through CSS, with the page layout handled by standard HTML elements.

Ddvherrera
94% match
Loading thumbnail…

Hello VizHub

This example displays a static "Hello VizHub!" message in large, styled text centered on a dark blue background. It demonstrates the basic structure of a VizHub project, including an HTML page, linked stylesheet, and JavaScript modules. The code uses D3.js v5’s `select` function to target the `#message` div and set its text content from an ES6 module export. Custom CSS imports the Ubuntu font and applies vivid styling, showcasing how to combine D3, modular JavaScript, and external resources in a minimal, readable setup.

Bblackanthem
94% match
Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” as a full-screen, centered message against a dark blue background using the Ubuntu font. The visualization demonstrates the minimal setup for a D3.js project within the VizHub environment, leveraging D3’s `select` function to target the `#message` div and set its content from a separate ES6 module. The page’s styling comes from CSS, with font imported via Google Fonts, while the code structure shows a clear separation between HTML, JavaScript, and stylesheet files.

KKazushige Okuma
93% match
Loading thumbnail…

Hello VizHub

This example displays a static, full-page “Hello VizHub!” message in large Ubuntu type on a dark navy background, demonstrating VizHub’s basic project structure. It uses D3 v5’s `select` method to set the text of a `div` element, pulling the string from an exported ES6 module (`myMessage.js`). The styling relies on an external Google Fonts import and plain CSS. The visualization is purely textual, showcasing how D3, JavaScript modules, and CSS combine in a minimal single-file setup.

YYehui Wang
93% match
Loading thumbnail…

Hello VizHub

This example displays a static, full-page “Hello VizHub!” message in large Ubuntu type on a dark navy background, demonstrating VizHub’s basic project structure. It uses D3 v5’s `select` method to set the text of a `div` element, pulling the string from an exported ES6 module (`myMessage.js`). The styling relies on an external Google Fonts import and plain CSS. The visualization is purely textual, showcasing how D3, JavaScript modules, and CSS combine in a minimal single-file setup.

YYehui Wang
93% match