Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
Eexhieu
Last edited Jul 7, 2019
Created on Jul 7, 2019
Forked from Hello VizHub

This example demonstrates the basic structure of a VizHub project by displaying a static greeting. The page shows the text “Hello VizHub!” centered on a dark blue background using the Ubuntu font. It imports the `select` function from d3.v5 to target the `#message` div and set its text content with a value exported from a separate ES6 module. The styling is handled entirely through external CSS, including a Google Fonts import.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example demonstrates the basic structure of a VizHub project by displaying a static greeting. The page shows the text “Hello VizHub!” centered on a dark blue background using the Ubuntu font. It imports the `select` function from d3.v5 to target the `#message` div and set its text content with a value exported from a separate ES6 module. The styling is handled entirely through external CSS, including a Google Fonts import.

Eexhieu
100% match
Loading thumbnail…

Hello VizHub

This example demonstrates the basic structure of a VizHub project by displaying a static greeting. The page shows the text “Hello VizHub!” centered on a dark blue background using the Ubuntu font. It imports the `select` function from d3.v5 to target the `#message` div and set its text content with a value exported from a separate ES6 module. The styling is handled entirely through external CSS, including a Google Fonts import.

Eexhieu
100% match
Loading thumbnail…

Hello VizHub

This example demonstrates the basic structure of a VizHub project by displaying a static greeting. The page shows the text “Hello VizHub!” centered on a dark blue background using the Ubuntu font. It imports the `select` function from d3.v5 to target the `#message` div and set its text content with a value exported from a separate ES6 module. The styling is handled entirely through external CSS, including a Google Fonts import.

Eexhieu
100% match
Loading thumbnail…

Hello VizHub

This example displays a static, centered greeting, “Hello VizHub!” in large white text against a dark blue background. It demonstrates the basic structure of a VizHub project, using D3 v5’s `select` method to set the text content of an HTML `div` element. The message itself is imported from a separate ES6 module, `myMessage.js`, while styling relies on an external Google Fonts stylesheet for the Ubuntu typeface.

Bblackanthem
96% match
Loading thumbnail…

Hello VizHub

This example displays a static greeting message, “Hello VizHub!”, centered on a dark blue background with large, light-colored Ubuntu typography. It demonstrates the basic structure of a VizHub project, including separate HTML, CSS, and JavaScript modules. The code uses D3.js (v5) via `select` to set the text content of a div, while ES6 modules export the message string and import it into the main script. The styling relies on an external Google Fonts import for the Ubuntu typeface.

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

Hello VizHub

This example demonstrates the minimal setup for a VizHub project, displaying the static text "Hello VizHub!" centered on a dark blue background. The visualization uses D3.js version 5, specifically the `select` method to target the `#message` div and set its text content to a string imported from a local ES6 module. Styling is handled by an external CSS file that imports the Ubuntu font from Google Fonts, sets the background color, and applies large, light-colored typography. The code relies on an `index.html` file that loads both the D3 library and the JavaScript bundle, with all application logic split into separate modules.

Ggnorthfork
94% 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
94% match