Skip to main content
SimilarExport ZIP
100%

HJH at SXU --- Hello VizHub

✓ Published1🌍 Public
HhhernandezATsxu
Last edited Jul 18, 2019
Created on Jul 18, 2019
Forked from Hello VizHub

This example displays a large, centered greeting, “Hello VizHub,” in white text on a dark navy background using the Ubuntu font. It demonstrates basic VizHub capabilities by combining a modular JavaScript structure with D3.js. The D3 `select` function targets the `#message` div to set its text from an imported ES6 module. The page’s styling is defined in a separate CSS file, showcasing how to split code, styles, and content across files.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

HJH at SXU --- Hello VizHub

This example demonstrates a minimal VizHub setup that renders a static text message on a styled web page. It displays the phrase "Hello VizHub!" centered against a dark blue background using the Ubuntu font. The visualization is built with D3.js v5, specifically using the `select` function to target the `#message` div and set its text content. The code also highlights modular programming through an ES6 module, `myMessage.js`, which exports the message string, while `styles.css` handles all visual styling.

HhhernandezATsxu
94% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered greeting—"Hello VizHub!"—in bright text against a dark blue background, styled with the Ubuntu font. It demonstrates fundamental VizHub capabilities, including importing D3.js functions and local ES6 modules. The code uses `d3.select` to set the text content of an HTML `<div>` element, sourced from a separate `myMessage.js` module, with styling applied via an external CSS file.

Ssignlog2
90% match
Loading thumbnail…

Hello VizHub

This example displays a large, bright “Hello VizHub!” message centered on a dark blue background, demonstrating basic DOM manipulation with D3 v5. The code uses `select` from the D3 library to set the text of a `<div>` element, while an ES6 module exports the message string. Custom styling comes from a CSS file that imports the Ubuntu font and sets the page’s background color, text alignment, and font size. The visualization is a static text display, showing how VizHub combines modular JavaScript, D3, and external stylesheets.

GGray1011
89% match
Loading thumbnail…

Hello VizHub

This example displays a single, centered message, "Hello VizHub!", in large white text against a dark blue background. It demonstrates VizHub’s support for modular ES6 code and external styling. The visualization uses D3.js’s `select` method to target a `<div>` and set its text content from a separate imported module, while a linked stylesheet applies the Ubuntu font and color scheme.

AAreum Jo
89% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
89% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
89% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
89% match
Loading thumbnail…

Hllo VizHub

This example displays a large, centered "Hello VizHub!" message in white text against a dark background. The visualization uses D3.js version 5 to set the text content of a designated HTML div element. The page employs a custom Ubuntu font via CSS and relies on D3’s `select` API to target the DOM node. A separate JavaScript module exports the static string, which is then injected into the page through the main script.

吴吴昊
89% match