Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7_Task 1

Public visualization

Viewing a saved revision (read-only)

a40abc61ab50442d937301ee1d046fb8

Activity7_Task 1

0 stars2🌍 Public
HHarshita Vairagade
Last edited Apr 13, 2024
Created on Apr 12, 2024

This example demonstrates a minimal VizHub project that initializes a D3.js visualization within a React framework. It renders a fixed text message, “Hello VizHub!”, by importing the `select` API from D3 and a local ES6 module for the string. The page uses a Poppins font and defines custom styles for axis ticks, marks, and labels, though no actual chart data is processed. The code imports D3 version 5.11.0 via UNPKG and React 16.9.0, and the visualization is static with no interactive or animated behavior.

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.