Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello VizHub

Public visualization

Viewing a saved revision (read-only)

863a15cee45f4af19871c2738e41936a

Hello VizHub

38 stars8135🌍 Public
CCurran Kelleher
Last edited Mar 20, 2025
Created on Aug 14, 2018

This example demonstrates a minimal Hello World visualization created with D3 v6, displaying the text “Hello VizHub!” centered on the page. It showcases VizHub’s support for loading D3 from UNPKG, importing D3 API functions like `select`, and combining local ES6 modules such as `message.js` alongside HTML and CSS. The rendering approach uses the DOM—D3’s `select` method targets the `#message` div to set its text content, with styling controlled by the linked `styles.css` file. This serves as a template for more complex projects.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.