Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
Ccurupdev
Last edited Oct 8, 2019
Created on Oct 8, 2019
Forked from Hello VizHub

This example displays a large, centered "Hello VizHub!" message in a dark blue theme with Ubuntu typography. It demonstrates how to combine a D3.js selection API, a custom ES6 module, and a remote Google Fonts stylesheet within a basic HTML document. The page loads D3 v5 from a CDN, imports the `select` function to target the message container, and applies the text from an external module, all while styling the body through a separate CSS file.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

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

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background using large Ubuntu typography. It demonstrates how D3.js version 5 selects a DOM element and updates its content, while also showcasing ES6 module imports for separating data and logic. The code imports the `select` function from D3 and a custom `message` string from a local module, then applies the text to the `#message` div. Styling comes from a CSS file that loads Google Fonts and sets the page’s color scheme.

Nnikhil-jambhulkar
94% match
Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" centered on a dark blue background using a large Ubuntu font. The page renders a single static message, demonstrating how D3.js version 5 can select a DOM element and set its text content. The code imports the `select` function from d3 and a local `message` string from an ES6 module, then applies it to the `#message` div. The styling comes from an external CSS file with linked Google Fonts.

Ss-janibekova
94% match
Loading thumbnail…

Hello VizHub

This example displays a large “Hello VizHub!” message in bold, centered text on a dark blue background. It demonstrates a minimal setup for combining D3.js v5 with ES6 modules. The code uses `select` from D3 to set the text content of a div, imports a message string from a local `myMessage.js` module, and applies styling via a Google Fonts-loaded Ubuntu typeface in `styles.css`.

Zzerkhi
94% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message in a dark blue, Ubuntu-styled page. It demonstrates the basic structure of a VizHub project, separating HTML, CSS, and ES6 modules. Using D3.js v5, the code imports the `select` function from the `d3` module to target the `#message` div and set its text content from an exported constant in a local module. The page relies on an external Google Fonts import for styling.

FFatimaJahara
94% match
Loading thumbnail…

Hello VizHub

This example demonstrates a minimalist "Hello VizHub" message rendered as large, centered text on a dark blue background. It shows how a basic D3.js selection and text assignment can integrate with ES6 module imports and external CSS styling. The code uses `d3.select` to target the `#message` div and set its content from an imported `message` constant, while the page loads D3 v5 from a CDN and applies Ubuntu font styling via Google Fonts. The example highlights the structure of a VizHub project with separate HTML, JavaScript, and stylesheet files.

CChang Lu
94% match