Activity6_Task1

Activity6_Task1

This example displays a simple text message, "Hello VizHub!", centered on the page. It demonstrates how to import and use both D3.js functions and local ES6 modules within a VizHub project. The code uses D3’s `select()` to target the HTML element and set its text, while the message content is imported from a separate module. The page uses standard CSS for styling, and D3 is loaded via a CDN link.

VVENKATESWAR RAO CHINTA

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.

Jjaswanthreddy2715@gmail.com

activity 6_Task 1

This example displays a simple text message, “Hello VizHub!”, centered on the page using D3.js to select the target HTML element and set its content. The code imports local ES6 modules and demonstrates how D3 can be loaded via UNPKG, alongside custom CSS styling. It highlights the basic integration of D3 within a VizHub project, using the `select` API to manipulate the DOM.

activity7_task2

This example displays the text “Hello VizHub!” centered on a plain page, demonstrating the basic workflow of a VizHub project. It loads D3.js from a CDN and uses the `select` function to target a div element by ID, setting its text content. The project also shows how to import local ES6 modules, with the displayed message defined in a separate `myMessage.js` file. Styling is handled by a linked `styles.css` file, which centers the text and enlarges its font.

AArungopal Andalam

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.

Activity8_Task2

This example displays the message “Hello VizHub!” centered on the page in large text. It demonstrates how to set up a D3 v5 project with external modules, loading the library via UNPKG and using the `select` API to update the text content of an HTML div element. The message itself is imported from a local ES6 module, showing the use of modular code organization alongside D3’s selection methods.

Aaniteshterala2000

Activity6_Task 1

This example displays the text "Hello VizHub" centered on a blank page. It demonstrates the basic setup of a VizHub project, importing the `select` function from the D3.js library and a local ES6 module. The code uses `select('#message').text(message)` to render the text inside the `div` element. The example primarily serves as a minimal template, loading D3 from a CDN via UNPKG and structuring files for modularity.

UUday Vandanapu

Activity6_Task 1

UUday Vandanapu