question4.1

Ttejaswiteju9811@gmail.com

Question1.1

This example demonstrates a minimal VizHub project that renders the text “Hello VizHub!” in the center of the page using D3.js. The code imports the `select` function from D3 to target a div by its ID and sets its text content, while a separate ES6 module exports the message string. The page loads D3 v5 from UNPKG and includes external CSS for styling. The example highlights basic module imports and D3 DOM manipulation.

Ttejaswiteju9811@gmail.com

Question1.1

This example demonstrates a minimal VizHub project that renders the text “Hello VizHub!” in the center of the page using D3.js. The code imports the `select` function from D3 to target a div by its ID and sets its text content, while a separate ES6 module exports the message string. The page loads D3 v5 from UNPKG and includes external CSS for styling. The example highlights basic module imports and D3 DOM manipulation.

LLakshmiDeepikaPagadala@my.unt.edu

Activity6_Q2.1

This example demonstrates a minimal D3.js setup within VizHub, displaying the text "Hello VizHub!" centered on the page. It shows how to import D3’s `select` function from the bundled library and a local ES6 module exporting a message string. The code uses `d3.select` to set the text content of a `div` element with the ID `message`. Styling comes from an external CSS file, and the page loads D3 v5 from a CDN via UNPKG.

Activity 6

This example demonstrates a minimal D3.js visualization that displays a centered text message, "Hello VizHub!," using the `d3.select` API to target a specific DOM element. The page loads D3 version 5.16.0 from UNPKG and imports a local ES6 module, `myMessage.js`, to provide the text content. Styling is handled through a separate CSS file, which positions the message with large, centered font. The code highlights the basic workflow of combining external libraries and local modules within a VizHub project.

RRishabh Sharma

Activity 6

This example demonstrates a minimal D3.js visualization that displays a centered text message, "Hello VizHub!," using the `d3.select` API to target a specific DOM element. The page loads D3 version 5.16.0 from UNPKG and imports a local ES6 module, `myMessage.js`, to provide the text content. Styling is handled through a separate CSS file, which positions the message with large, centered font. The code highlights the basic workflow of combining external libraries and local modules within a VizHub project.

RRishabh Sharma

Activity 6

This example demonstrates a minimal D3.js visualization that displays a centered text message, "Hello VizHub!," using the `d3.select` API to target a specific DOM element. The page loads D3 version 5.16.0 from UNPKG and imports a local ES6 module, `myMessage.js`, to provide the text content. Styling is handled through a separate CSS file, which positions the message with large, centered font. The code highlights the basic workflow of combining external libraries and local modules within a VizHub project.

RRishabh Sharma

Vvandanakosuri@my.unt.edu

Activity-6(Task4)

This example demonstrates a minimal D3.js visualization that renders a static text message, “Hello VizHub!”, into a centered HTML div. It shows how to set up a VizHub project by loading D3 v5 from a CDN and importing both the `select` function from the `d3` module and a local ES6 module. The code uses `select('#message').text(message)` to update the DOM, with styling provided by CSS. It also includes a regular expression and variable declaration, though these do not affect the visual output.