Skip to main content
Log in
J

JeffersonUFABC

@JeffersonUFABC·2 public vizzes

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, including separate HTML, CSS, and JavaScript files. The code uses D3 v5's select function to target a div element and set its text content, while an ES6 module exports the message string. A bundled script (`bundle.js`) loads the imported modules and renders the static visualization.

Nov 10, 2019
Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" centered on a dark blue background, demonstrating the basic setup of a VizHub visualization project. The code uses D3 v5’s `select` function to target a `div` element and set its text content, while a separate ES6 module exports the message string. Styling relies on CSS, importing the Ubuntu font via Google Fonts and applying a large font size, white color, and centered alignment. The visualization highlights how to combine D3, modular JavaScript, and external stylesheets in a simple, single-page HTML structure.

Nov 10, 2019