Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3

Public visualization

Viewing a saved revision (read-only)

6102fea6322f4606863d1bda57639660

Activity6_Task3

0 stars0🌍 Public
CChaitanya Ratan Sree
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This example demonstrates how to build a visualization with D3 v5 and ES6 modules in VizHub. It loads D3 via UNPKG and uses `import { select } from 'd3'` to manipulate the DOM, setting the text content of a `div` element via `select('#message').text(message)`. A local ES6 module (`myMessage.js`) exports a string that is displayed. The example also includes a CSS stylesheet for layout, showing a basic template for combining external libraries, modular JavaScript, and styling in a single 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.