Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Tutorial 2

Public visualization

Viewing a saved revision (read-only)

6b63d5355c7c476398f5e2defd2a2f29

Activity 6 Tutorial 2

0 stars0🌍 Public
Jjasthilavanya2022@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024

This example displays the text "Hello VizHub!" centered on the page. It demonstrates how to set up a D3.js project within VizHub, loading the library via a CDN link and importing APIs using ES6 syntax. The code uses the `select` function to target the message div and set its content from a separate local module. Styling is applied through an external CSS file, and the page is rendered with a standard HTML structure.

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.