Skip to main content
Log in
E

exhieu

@exhieu·5 public 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.

Jul 8, 2019
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.

Jul 7, 2019
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.

Jul 7, 2019
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.

Jul 7, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates how a simple text message can be rendered with dramatic styling using D3.js. The code imports the `select` function from D3 to target a `div` element and set its text content from a local ES6 module. The `myMessage.js` file exports a string, while `styles.css` applies a large Ubuntu font, dark blue background, and centered layout. The visualization relies on VizHub's structure of separate HTML, JavaScript, and CSS files, with the page loading D3 v5 from a CDN.

Jul 7, 2019