Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

4c95668c33a74efa89c0b4e40ceec292

Fork of Fork of Hello VizHub

0 stars1🌍 Public
Aanjalimadhavi98@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024

This example demonstrates how to create a simple text display using D3.js within the VizHub environment. It uses the `select` function from D3 to target a DOM element with the ID "message" and sets its content to the text "Hello VizHub!". The text message is imported from a local ES6 module via the `import { message } from './myMessage'` statement, showcasing modular JavaScript. The page loads D3 version 5.16.0 directly from the UNPKG CDN. Custom styling is applied through a linked CSS file, which centers the message and sets its font size to 12em. This example illustrates the basic workflow of combining external libraries, local modules, and custom styles in a data visualization project.

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.