Adolfo Rosario R.

@roddyongit·2 public vizzes

Testing the capability of VizHub!

This example demonstrates the foundational capabilities of VizHub by displaying a simple text message and a pre-formatted block on a dark, centered page. The visualization shows how a D3.js script can set the content of an HTML element using the `select('#message').text(message)` API call, pulling the string "Hello World of VizHub!" from a separate ES6 module. The page’s styling relies on the Ubuntu font and a custom CSS background, while the text is rendered through standard HTML. The code’s modular structure highlights how VizHub manages local imports and external D3 v5 dependencies.

Jul 10, 2019

Loading thumbnail…

Hello VizHub

This example renders a static text display using the D3.js library, specifically the `select` API to target and populate a DOM element with the message "Hello VizHub!". The text is styled through an external stylesheet that imports the Ubuntu font from Google Fonts, sets a dark blue background, and applies a large, centered, light-colored typeface. The code also demonstrates ES6 module usage by importing the message string from a separate `myMessage.js` file. No data is visualized; the focus is on foundational D3 DOM manipulation and modular JavaScript structure.

Jul 8, 2019