Activity6_Task2

Activity_6_Task 1

This example displays a simple text message, "Hello VizHub!", centered on the page with large font styling. The visualization demonstrates a basic setup using the D3.js library (version 6) to select an HTML element and set its text content. The code imports the `select` function from D3 and uses it to target the `#message` div, while the text itself comes from a separate ES6 module. The page structure is defined in the HTML file, with styles applied via CSS.

Kkblikitha22@gmail.com

Aadapasaidivya99@gmail.com

Activity6_Task2

This example displays a simple "Hello VizHub!" message centered on the page. The visualization uses D3’s `select` function to target the `#message` div and assign the text from a local ES6 module. The project demonstrates how to import both D3 via UNPKG and custom modules, with styling handled by an external CSS file. The code includes a declared variable and regex but does not visibly use them in the output.

Activity6_Task1

This example demonstrates a simple D3.js visualization that displays the text "Hello VizHub!" centered on the page. The code initializes a D3 selection on the `#message` div and sets its text content using the `select` method. Styling is applied through CSS to center and enlarge the text. The visualization uses D3's selection API to manipulate the DOM element, with the message imported from a separate ES6 module. The implementation relies on D3 v6 loaded from a CDN and follows a basic single-view pattern.

SSai Praveen Lokavarapu

Activity6_Task1

This example demonstrates a minimal Hello VizHub setup, showing how a D3.js selection can update the text content of an HTML element. It imports the `select` function from D3 v5 and a local ES6 module, `myMessage.js`, to supply the string "Hello VizHub!" which is then rendered into the `#message` div via `select('#message').text(message)`. The page loads D3 from a CDN and uses plain CSS for centered, large-font styling, illustrating basic module imports and DOM manipulation in a VizHub project.

PPreethi Medepalli-91

Mmaheshsachin1234@gmail.com

activity 6_Task 1

This visualization displays the text “Hello VizHub!” prominently in the center of the page using a large, bold font. The code uses D3.js’s `select` method to target the `#message` div and update its content with a string imported from a local ES6 module. The styling is handled through an external CSS file that sets the text alignment and font size to 12em. The example demonstrates a minimal integration of D3 with modular JavaScript and external stylesheets.

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.

Activity-6

This example displays a large, centered “Hello VizHub!” message using D3.js to set the text content of a div element. The code demonstrates importing the `select` function from D3 via UNPKG and a local ES6 module that exports the message string. Rendering relies on standard DOM manipulation through D3’s selection API, with styling applied via CSS for font size and alignment. The visualization is static, showing only text without any data-driven graphics or interactive elements.

Ssathvik0311@gmail.com

Ssaisathvikapotluri@gmail.com

activity 6_Task 1

This example displays a simple web page that renders the text “Hello VizHub!” centered in the browser using D3.js version 6. The visualization imports the `select` function from D3 to target the `#message` div element and sets its text content from a custom ES6 module named `myMessage`. The page structure is defined in HTML, with styling controlled by an external CSS file that dictates the large font size and center alignment. The code demonstrates a minimal data-visualization setup, using D3’s DOM manipulation API to update the page dynamically.