Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
NNilla
Last edited Mar 29, 2019
Created on Mar 29, 2019
Forked from Hello VizHub

This example displays a large, centered "Hello VizHub!" message in white Ubuntu font against a dark gray background. The page loads D3 v5 and a custom ES6 module to set the text content of a div element. It uses the `select` function from D3 to target the `#message` element and applies text from the imported `message` variable. CSS styles define the color scheme, font family, and 12em font size.

AI-generated description

This is a description using Markdown.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example displays a large, centered "Hello VizHub!" message in a bright Ubuntu font against a dark navy background. It demonstrates a minimal D3.js setup where the `select` function targets a `<div>` element and sets its text content using the imported `message` constant. The page relies on an ES6 module for the string and a linked stylesheet for typography and color, serving as a basic template for VizHub projects.

CCarlIssac
96% match
Loading thumbnail…

Hello VizHub!

This example displays the text “Hello VizHub” in large, centered Ubuntu font on a dark background. It uses D3 v5’s `select` method to target the HTML `#message` div and set its text content from an ES6 module, demonstrating basic DOM manipulation and module imports. The page loads D3 from a CDN and applies styling from an external CSS file.

GGus Kar
95% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message in bright white text against a dark navy background. It demonstrates basic DOM manipulation and text styling using D3 v5’s `select` method to target a div by its ID, while an ES6 module exports the message string. The text uses the Ubuntu font, loaded via CSS `@import`, and the page is intentionally minimal, with the message occupying nearly the full viewport height.

RResl411
95% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message in bright white text against a dark navy background. It demonstrates basic DOM manipulation and text styling using D3 v5’s `select` method to target a div by its ID, while an ES6 module exports the message string. The text uses the Ubuntu font, loaded via CSS `@import`, and the page is intentionally minimal, with the message occupying nearly the full viewport height.

RResl411
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message centered on a dark blue page. The text is rendered using the Ubuntu font and colored light gray. The code imports the `select` function from D3.js and a string from a separate ES6 module, `myMessage.js`, to set the text content of a div. Styling is applied through an external stylesheet, and the HTML loads D3 from a CDN.

JJames Swank
95% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message on a dark blue background with white Ubuntu font. It demonstrates basic VizHub project structure using ES6 modules and D3.js. The code imports the `select` function from D3 and a custom `message` string from a local module, then sets the text of a `div` element using `select('#message').text()`. Styling is handled through an external CSS file with a Google Fonts import.

EEyob Westerink
95% match
Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background using the D3.js library. The code imports the `select` function from D3 and a local ES6 module via `myMessage.js`, then assigns the message to the `#message` div. Styling relies on the Ubuntu font loaded through Google Fonts, with CSS configuring the large, centered layout.

TTLAndrade
95% match
Loading thumbnail…

Hello VizHub

This example displays a bold, full-screen “Hello VizHub!” message in large white text on a dark blue background. It uses D3.js version 5 with ES6 modules, importing `select` from the D3 library to target the `#message` div and set its text content. The message string comes from a separate local module, demonstrating modular code organization. Styling via CSS includes the Ubuntu font from Google Fonts, with the body centered and set to a 12em font size.

Xxinge1982
95% match