Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

b4e69a9f74ad48aba975d62308bb502b

activity 6_Task 1

0 stars0🌍 Public
AAP19110020041-Pavan Kumar
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example demonstrates a minimal D3.js visualization setup using ES6 modules, loading D3 v5 from UNPKG and importing both local modules and D3 API functions. The code uses `import { select } from 'd3'` to update the text content of a message div, while also defining CSS styling and a regular expression. The visualization renders a simple text message centered on the page, showing how to structure a basic D3 project with separate files for marks, axes, and data loading. The example does not display any actual data or chart elements beyond the styled text output.

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.