activity 6

Ssairamisetti3829@gmail.com

activity 6q)1

This example demonstrates the minimal setup for a D3.js visualization inside VizHub, showing how to load D3 from a CDN and use ES6 module imports. The code imports the `select` function from D3 and a local `message` constant from the module `myMessage.js`, then sets the text of a `div` element with the ID `message`. The page styles this text at a large font size via `styles.css`. It serves as a template for combining external libraries with local modules, though it performs no data rendering or chart drawing.

Ssairamisetti3829@gmail.com

activity 6q)1

Activity6

This example demonstrates a minimal D3.js setup within VizHub, displaying the text “Hello VizHub!” centered in a large font. It shows how to load D3 via CDN, import specific functions like `select` using ES6 modules, and import a local module for the message string. The code uses `d3.select` to set the text content of the `#message` div, with styling applied via CSS. It serves as a template for combining external libraries and local modules in a web-based visualization project.

Nnumitha

Activity 8

This example demonstrates a minimal D3.js v5 setup within VizHub, replacing the contents of a div with a static text message. It shows how to load D3 from a CDN, import functions like `select` directly from the `d3` module, and import a local ES6 module that exports a string constant. The rendered output is a single, large, centered “Hello VizHub!” message, styled via a linked CSS file. The code uses `select('#message').text(message)` to set the DOM content, highlighting basic module imports and DOM manipulation without any data or animation.

Lleftymadi

Nnishwitha.1032@gmail.com

Activity 6

This example demonstrates a minimal setup for a VizHub visualization using D3.js v5 and ES6 modules. It loads D3 from a CDN via UNPKG, then uses `select` from the `d3` import to target a `div` with `#message` and set its text content from a local ES6 module. A static message, "Hello VizHub!", is styled with CSS. The code also includes unused variables and a regex, but no dynamic data or rendering is performed.

Ssaitejakaranam10@gmail.com

activity6

This example demonstrates a minimal D3.js setup within the VizHub framework. It displays the text "Hello VizHub!" centered on a white background using a large, bold font. The code imports the `select` function from D3 v5 and a custom message from a local ES6 module, then uses `select('#message').text(message)` to set the DOM element's content. The page loads D3 from a CDN and applies styling from a linked CSS file.

Activity 6

This example demonstrates a minimal D3.js setup within the VizHub environment, displaying the text "Hello VizHub!" centered on the page. The code imports the `select` function via an ES6 module from D3, and also imports a local custom message module. D3 v5 is loaded from UNPKG, and the example shows how to combine CDN libraries, local modules, and CSS styling in a simple single-page visualization.

Sskykarthik97@gmail.com

Aakitisaitejareddy@gmail.com

Activity-6

This example demonstrates basic D3.js and ES6 module usage within a VizHub project. It displays a large, centered "Hello VizHub!" message on a webpage, styled through an external CSS file. The code imports the `select` function from D3 and a custom `message` string from a local module, using `select('#message').text(message)` to set the text content. The page loads D3 version 5.16.0 from a CDN and relies on a pre-built `bundle.js` to execute the imported JavaScript.