Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
YYehui Wang
Last edited Dec 15, 2019
Created on Dec 15, 2019
Forked from 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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

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

Hello VizHub

This example displays a large, centered "Hello VizHub!" message in white Ubuntu type against a dark navy background, demonstrating a minimal end-to-end VizHub project. It uses D3.js version 5’s `select` function to target the `#message` div and set its text content from an imported ES6 module, `myMessage.js`. The styling relies on a Google Fonts import and basic CSS properties, while the HTML structure links the external stylesheet and script bundle.

DDimitra Mazaraki
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark page, styled with white Ubuntu font. It demonstrates the basic workflow of a D3.js v5 project using embedded HTML and CSS, along with modular JavaScript. The code imports the `select` function from D3 to target the `#message` div and sets its text content from a separate ES6 module, `myMessage.js`, which exports the greeting string. The page loads D3 from a CDN and uses a Google Fonts import for typography.

吴吴昊
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark page, styled with white Ubuntu font. It demonstrates the basic workflow of a D3.js v5 project using embedded HTML and CSS, along with modular JavaScript. The code imports the `select` function from D3 to target the `#message` div and sets its text content from a separate ES6 module, `myMessage.js`, which exports the greeting string. The page loads D3 from a CDN and uses a Google Fonts import for typography.

吴吴昊
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark page, styled with white Ubuntu font. It demonstrates the basic workflow of a D3.js v5 project using embedded HTML and CSS, along with modular JavaScript. The code imports the `select` function from D3 to target the `#message` div and sets its text content from a separate ES6 module, `myMessage.js`, which exports the greeting string. The page loads D3 from a CDN and uses a Google Fonts import for typography.

吴吴昊
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