Activity-6

Bbhavanadupati3@gmail.com

Activity_6 Q1

This example displays a simple “Hello VizHub!” message centered on the page using D3’s `select` method to set the text content of a `div` element. It demonstrates how to import D3 functions and local ES6 modules, with the message defined in a separate `myMessage.js` module. The visualization relies on D3 v5 loaded via UNPKG and uses a CSS stylesheet for large, centered typography. The code also includes a regular expression and a constant variable, but these do not affect the displayed output.

Ssriyaalugupalli@my.unt.edu

Activity_6

This example renders a centered, large-font message reading “Hello VizHub!” on a plain webpage. It demonstrates fundamental VizHub workflows: loading D3.js via UNPKG, importing the `select` function from the D3 module, and importing a local ES6 module (`myMessage.js`) that exports the message string. The code uses `d3.select` to target the `#message` div and set its text content, while CSS styles control the font size and alignment. The visualization is static, showing a minimal integration of D3 with modular JavaScript and external stylesheets.

Activity6_1.1

This example displays a large, centered "Hello VizHub!" message in bold text. The visualization is built using D3.js version 5, specifically leveraging the `select` API to target the message div and update its content. The code imports a local ES6 module to supply the displayed text, demonstrating a modular JavaScript approach. The styling is handled through CSS, setting the font size to 12em and aligning the text in the center of the page. The example serves as a minimal demonstration of integrating D3 with HTML and CSS for simple text-based output.

Aa9.hemraj@gmail.com

Jjaideeptripurani12@gmail.com

Activity_6

This example demonstrates a minimal VizHub project that displays a centered "Hello VizHub!" message using D3.js version 5 and local ES6 modules. The code imports the `select` function from the D3 library to query the HTML div element, and imports a custom message string from a local module through ES6 syntax. The page renders the text with a large font size defined in the accompanying CSS file, showcasing how to combine D3 selections, modular JavaScript, and styling in a simple visualization setup.

Yyellahemalatha@gmail.com

Activity6 Task_1

This example demonstrates a simple text display that says “Hello VizHub!” using D3.js to select an HTML element and set its text content. The visualization loads D3 version 5.16.0 from the UNPKG CDN and imports the `select` function from the D3 library. It also imports a local ES6 module to supply the message string. The text is centered and styled with a large font size via the `styles.css` file. The code includes an unused variable and a regular expression, but those do not affect the displayed output.

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 6

This example displays the text “Hello VizHub!” in the center of the page using D3 v5, loaded via UNPKG. It demonstrates importing individual API functions like `select` from the D3 module, as well as local ES6 modules for reusable content. The `select` method targets the `#message` div and sets its text content to the imported `message` string. Styling relies on a separate CSS file that centers the text and sets a large font size, showing a basic modular structure for VizHub projects.

Ssuryavamsi00024

Activity6_Task3

This example displays a centered, large-scale “Hello VizHub!” message using D3.js to manipulate the DOM. The code imports D3’s `select` function and a local ES6 module, demonstrating modular JavaScript and library integration. It also includes a regular expression and a constant variable, though these have no visual output. The styling is handled via an external CSS file, setting the text alignment and font size. The rendering approach is a simple static text update, with D3 loading from UNPKG in the HTML.

Ppnamitha46@gmail.com