Activity

Activity6_Q1.1

This example displays a simple centered text message, “Hello VizHub!”, on a plain HTML page. It serves as a minimal template for starting a D3.js project, using the D3 `select` API to target the HTML element with the id `message` and set its text content. The page’s styling, including large font size and center alignment, is defined in a separate CSS file. The code also demonstrates importing a local ES6 module to supply the text string, illustrating basic module usage within a D3 and VizHub environment.

VVidya Lakshmi Chitturi

Kkbhavithareddy06@gmail.com

activity 6

This example displays the text “Hello VizHub!” centered prominently on the page using D3.js. The code imports the `select` function from D3 and applies it to the `#message` div, setting its text content from a separate ES6 module. The styling uses CSS to center the message and set its font size to 12em. While the repository includes a minimal HTML shell and styling, the visualization itself is purely text-based, demonstrating basic DOM manipulation with D3 v6.

Activity 7.1

This example displays a simple text message, "Hello VizHub!", centered on the page with a large font size. The code imports the `select` function from D3.js to target the `#message` div and sets its text content using the imported `message` string. It demonstrates a basic D3 selection and DOM manipulation pattern, with the message defined as an ES6 module export in `myMessage.js`. The styling is handled by external CSS, and the application runs entirely in the browser.

AAbhinay Peeta

Ssaikarthiknimmagadda@gmail.com

Activity 6

This example displays a simple text message, "Hello VizHub!", centered on the page. It demonstrates the basic setup of a D3.js project using ES6 modules and local CSS. The code imports the `select` function from D3 and a message string from a separate module, then sets the text content of a div element. The styling is applied through an external stylesheet.

Cchowdaryhemanth14@gmail.com

Activity_Tutorial2

This example demonstrates a minimalist text message display. It renders the phrase “Hello VizHub!” centered on the page using the D3.js `select` function to target a `div` element and set its text content. The styling, defined in CSS, applies a 12em font size and text alignment. The code imports the message from a separate ES6 module, `myMessage.js`, and uses D3 v6 loaded from a CDN. The data source is a static string, with no dynamic data or interactive behavior present.

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_3-2

This example demonstrates basic VizHub functionality by displaying a static text message, "Hello VizHub!", centered on the page. It uses D3 v5's `select` method to target the `#message` div and set its content from a local ES6 module. The code imports dependencies from the D3 library via UNPKG and defines the message in a separate `myMessage.js` file, while styling is handled through an external CSS stylesheet.

Ssahaspragna6@gmail.com

activity6_task1

This example displays a simple text message, "Hello VizHub!", centered on the page. It serves as a minimal demonstration of VizHub's capabilities, showing how to import D3.js functions and local ES6 modules. The code uses `select` from D3 to target the message div and sets its text via the `text` method, while a local module exports the message string. The page loads D3 v5.16.0 from a CDN and relies on a separate CSS file for styling.

Ssiri2001j@gmail.com