Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
DDanteStack
Last edited Sep 26, 2019
Created on Sep 26, 2019
Forked from Hello VizHub

This example demonstrates VizHub’s ability to combine HTML, CSS, ES6 modules, and D3.js into a single interactive document. It renders a large, styled welcome message on a dark background using the Ubuntu font. The code imports the D3 `select` function to target a div and set its text content from a separate module, `myMessage.js`, which exports a string. Styling is applied via an external stylesheet with a Google Fonts import, and D3 v5 is loaded from a CDN.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example demonstrates how VizHub integrates ES6 modules and D3 v5 into a minimal web page. It displays a large, centered "Hello VizHub!" message in an Ubuntu font against a dark blue background. The page uses `index.js` to import a message string from `myMessage.js` and applies it to a div using d3’s `select` method. Styling is handled entirely by CSS, with the body configured for centered text and a custom Google Fonts import.

EElzbietaPP
94% match
Loading thumbnail…

Hello VizHub

A minimal demonstration of VizHub's integration with D3.js and ES6 modules. The example renders the text "Hello VizHub!" onto a web page, using D3's `select` method to target a `div` element and set its content from an imported `message` constant. The accompanying CSS applies a custom Ubuntu font and a dark blue background, while the HTML loads D3 v5 from a CDN and references the bundled JavaScript.

Vvkanotra
93% match
Loading thumbnail…

Hello VizHub

This example demonstrates how VizHub enables a simple D3.js visualization by rendering a large, styled text message centered on a dark background. The page uses D3 v5’s `select` method to set the text content of a `div` element, while an ES6 module exports the string to display. The visual presentation relies on CSS, importing the Ubuntu font and applying a deep navy background with light text. This serves as a minimal template for combining modular JavaScript, D3’s DOM manipulation, and external stylesheets in a single-page web app.

DDavid Samuel
93% 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.

吴吴昊
93% 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.

吴吴昊
93% 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.

吴吴昊
93% match
Loading thumbnail…

Hello VizHub

This example demonstrates the fundamental workflow of a VizHub project: using D3.js to manipulate the DOM and ES6 modules to organize code. The page displays a large, centered "Hello VizHub!" message in a custom Ubuntu font against a dark navy background. The `index.js` file imports the `select` function from D3’s v5 API and a local string from `myMessage.js`, then calls `select('#message').text()` to inject that message into the designated div. The styling relies on an external Google Fonts stylesheet imported via CSS.

Jjiaweixu
93% match
Loading thumbnail…

Hello VizHub

This example demonstrates how VizHub supports modular ES6 JavaScript and D3.js. It displays the text “Hello VizHub!” centered on a dark blue page with large, styled typography. The code imports the `select` function from D3 v5 and uses it to set the text content of a `#message` div. It also imports a string from a separate local module, `myMessage.js`, and applies the Ubuntu font via CSS.

Ppin84
93% match