Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published2🌍 Public
GGray1011
Last edited Jun 24, 2019
Created on Jun 24, 2019
Forked from 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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example demonstrates a simple text-based visualization that displays the message "Hello VizHub!" in large, centered Ubuntu font on a dark blue background. It uses D3.js v5’s `select` method to target a `div` element and set its text content from an imported ES6 module. The page structure is defined in `index.html`, while styling and interactivity are handled through external CSS and JavaScript files. The code showcases basic module imports and D3’s DOM manipulation capabilities.

YYehui Wang
96% match
Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" in a large, light-colored Ubuntu font against a dark background. It uses D3.js v5, specifically the `select` function, to target a div element and update its text content with a message imported from a separate ES6 module. The page structure is defined in HTML, with styling handled by CSS. The visualization demonstates basic DOM manipulation and modular JavaScript organization within the D3 framework.

KKuerzibe
96% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub11!” message in bright text against a dark background. The page imports D3.js’s `select` function to target a div and set its text content, while ES6 modules separate the message string in `myMessage.js`. Styling relies on the Ubuntu font and custom CSS, with the body’s font size set to 12em. The visualization demonstrates basic DOM manipulation with D3 v5, showing how to combine modular JavaScript, external libraries, and CSS for a minimal text-based output.

Kkumarvinoth191
96% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message centered against a dark blue background. It uses D3 v5’s `select` function to target the `#message` div and set its text content, pulling the string from a separate ES6 module. The page’s styling relies on the Ubuntu font from Google Fonts, applied via CSS. The visualization is purely textual, demonstrating basic DOM manipulation and module imports within the VizHub framework.

IIsha Terdal
96% 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
96% 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
96% match
Loading thumbnail…

Hello VizHub

This example displays a large “Hello VizHub!” message centered on a dark blue background using the Ubuntu font. The text is rendered directly into a `div` element via D3’s `select` and `text` methods. A separate ES6 module exports the message string, demonstrating modular code organization. Styling uses CSS with a Google Fonts import, while the page loads D3 v5 from a CDN.

SSella
95% match
Loading thumbnail…

Hello VizHub

This example displays a large “Hello VizHub!” message centered on a dark blue background using the Ubuntu font. The text is rendered directly into a `div` element via D3’s `select` and `text` methods. A separate ES6 module exports the message string, demonstrating modular code organization. Styling uses CSS with a Google Fonts import, while the page loads D3 v5 from a CDN.

SSella
95% match