Skip to main content
SimilarExport ZIP
100%

Hello wtf VizHub !

✓ Published0🌍 Public
DDavid Peters
Last edited Sep 4, 2018
Created on Sep 4, 2018
Forked from Hello VizHub!

This example shows a simple web page that displays a personalized greeting message. The page renders the text "Hello Dave VizHub!" centered on a dark background with light, Ubuntu-font styling. The code uses D3.js version 5.5 through the `select` API to target the HTML element and set its text content, while an ES6 module exports the message string. The example demonstrates basic D3 DOM manipulation and module organization.

AI-generated description

This is a description using Markdown.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub!

This example demonstrates a minimal D3.js visualization that displays the text “Hi Dave” on a dark, centered webpage. The code imports D3’s `select` function and a local ES6 module, `dpMessage.js`, to retrieve the string, then sets the content of a `#message` div via `select('#message').text()`. Styling uses an external `styles.css` with the Ubuntu font and large font size.

DDavid Peters
89% match
Loading thumbnail…

Hello VizHub

This example displays a static greeting, “Hello David,” centered on a dark blue background using a large Ubuntu font. It demonstrates how to combine ES6 modules with D3.js v5, importing a custom message from a separate file and using D3’s `select` method to update the DOM. The page loads D3 from a CDN and applies styling through an external CSS stylesheet.

Ddavidpiber
89% match
Loading thumbnail…

Hello VizHub!

This example displays a simple greeting, “Hello VizHub!”, rendered as large, centered text on a dark background. It demonstrates a basic D3.js setup by using the `select` function from the d3 module to target a div element with the ID `message` and set its text content with a string imported from a local ES6 module. The page loads D3 v5 from a CDN and applies custom styling via an external stylesheet that imports the Ubuntu font and defines the body’s layout and color scheme.

KKondal Rao Komaragiri
88% 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.

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

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

吴吴昊
88% match
Loading thumbnail…

Hello VizHub

This example demonstrates the fundamental capability of VizHub: rendering a personalized message directly in the browser. It displays the text "Hello!" prominently against a dark blue background with large, centered Ubuntu typography. The code imports the D3.js `select` function to target a specific HTML element and set its content. It also showcases ES6 module usage by importing the message string from a separate `myMessage.js` file, illustrating how VizHub projects can organize code into reusable components.

Llaughinging
87% match
Loading thumbnail…

Hello VizHub

This example demonstrates the basic capability of VizHub to display a web page with a simple, styled text message. It renders a large, centered "Hello VizHub!" greeting in an Ubuntu font against a dark navy background. The page is constructed using an HTML file that loads a JavaScript bundle and a stylesheet. The JavaScript code imports D3's `select` function to target a specific HTML element and set its text content, while also importing a custom module that defines the message string.

CChristopher Martinez
87% match