Activity 6_Task 1

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.

93% match

Activity 6 Task 2

This example displays a simple web page that renders the text “Hello VizHub!” in large, centered type. It serves as a minimal demonstration of a basic D3.js setup, showing how to structure a project with separate files for markup, styles, and logic. The code imports the `select` function from D3 v6 to target the `div` with id `message` and sets its text content using the `message` constant exported from an ES6 module. Styles are applied via a linked CSS file, controlling font size and alignment.

NNithish Karanam

93% match

Ddabbararakshitha@gmail.com

Activity_6 Task - 1

This example displays a simple web page with the text “Hello VizHub!” centered prominently using CSS. The visualization uses D3.js (version 5) to select the HTML element with an ID of “message” and set its text content dynamically. The code imports the `select` function from D3 and a custom ES6 module that exports the message string. The page also defines a regular expression pattern, though it is not used in rendering. The styling applies a large font size and centers the text horizontally for clear presentation.

activity6_Task4

This example displays the text “Hello VizHub!” centered on a blank page. It uses D3.js to select the HTML element with the ID `message` and set its text content. The page’s styling is defined in a separate CSS file, which sets the text alignment, font size, and color. The code demonstrates a basic D3 workflow: importing D3 functions, using `d3.select()` to target a DOM element, and updating its content dynamically. The example runs in a simple HTML structure that loads D3 from a CDN and includes a JavaScript bundle.

activity6_Task4

This example displays the text “Hello VizHub!” centered on a blank page. It uses D3.js to select the HTML element with the ID `message` and set its text content. The page’s styling is defined in a separate CSS file, which sets the text alignment, font size, and color. The code demonstrates a basic D3 workflow: importing D3 functions, using `d3.select()` to target a DOM element, and updating its content dynamically. The example runs in a simple HTML structure that loads D3 from a CDN and includes a JavaScript bundle.

activity6_Task4

This example displays the text “Hello VizHub!” centered on a blank page. It uses D3.js to select the HTML element with the ID `message` and set its text content. The page’s styling is defined in a separate CSS file, which sets the text alignment, font size, and color. The code demonstrates a basic D3 workflow: importing D3 functions, using `d3.select()` to target a DOM element, and updating its content dynamically. The example runs in a simple HTML structure that loads D3 from a CDN and includes a JavaScript bundle.

activity6_Task4

This example displays the text “Hello VizHub!” centered on a blank page. It uses D3.js to select the HTML element with the ID `message` and set its text content. The page’s styling is defined in a separate CSS file, which sets the text alignment, font size, and color. The code demonstrates a basic D3 workflow: importing D3 functions, using `d3.select()` to target a DOM element, and updating its content dynamically. The example runs in a simple HTML structure that loads D3 from a CDN and includes a JavaScript bundle.