Assignment 2 tutorial

Assignment-2_Question-1

This example demonstrates basic VizHub functionality, showing how to integrate D3.js and local ES6 modules into a simple web page. It loads D3 via UNPKG and uses the `select` import to set the text of a `#message` div element to “Hello VizHub!”. The page also imports a custom `message` string from a separate `myMessage.js` module, highlighting modular code organization. Styles are applied through an external `styles.css` file, centering the large text. The visualization is minimal, focusing on setup and module imports rather than data rendering.

Ssiddhartha gurram

Assignment-2_Question-1

Ssiddhartha gurram

Bbogasamudramvamsikrishnareddy

Assignment2_Question3

This example demonstrates the basic functionality of VizHub, showing how to load D3 via the UNPKG CDN and import local ES6 modules. The page uses `select('#message')` from d3 to target a div element and set its text content to a string imported from `myMessage.js`. The `styles.css` file applies large, centered typography to the message. The example serves as a minimal template for combining D3 with external libraries and modular JavaScript code within a single HTML page.

Ttallapanenisahithi@gmail.com

Activity 6 Tutorial 2

This example demonstrates the basic setup and modular structure of a VizHub project, showing how to import D3 functionality and local ES6 modules. The page displays a large, centered text message "Hello VizHub!" using D3's `select` to target a div and set its text content. It includes a stylesheet for formatting, loads D3 v5 from a CDN via UNPKG, and shows the use of regular expressions and a constant variable in JavaScript. The code serves as a minimal template for organizing D3-based visualizations with external dependencies and modular code structure.

Gganeshrajuparmalla@my.unt.edu

Activity-6Tutorial-3

This example demonstrates a minimal VizHub project that renders a centered “Hello VizHub!” message using D3.js. It shows how to load D3 v5 from UNPKG, import the `select` function from the `d3` module, and use a local ES6 module (`myMessage.js`) to supply the text content. The code sets the text of a `div` element via `select('#message').text(message)`, with styling applied through an external CSS file. No data source is used; the visualization is purely text-based.

HHarinathChakali33@gmail.com

Activity-6_task_1

This example demonstrates how to import D3.js and local ES6 modules within a VizHub project. It uses D3’s `select` function to set the text content of a `#message` div, displaying “Hello VizHub!”. The page loads D3 v5 from UNPKG via a script tag in `index.html`, while `index.js` pulls in `select` from the `d3` package and a custom `message` constant from `myMessage.js`. Styling is applied through an external CSS file, showing a minimal modular setup.

Assignment2 Q1

This example demonstrates how to load and display a message using D3.js version 5 within a VizHub project. It shows a simple text output centered on the page by combining D3’s `select` function with a local ES6 module import. The code imports `message` from `myMessage.js` and sets the content of the `#message` div to “Hello VizHub!”, while styling the text with CSS. The visualization uses D3’s core selection API to manipulate the DOM, illustrating basic setup for modular ES6 imports and external library loading via UNPKG.

NNagateja99

Hello VizHub

This example demonstrates how to set up a minimal VizHub project that loads D3.js via UNPKG and uses ES6 modules. It shows D3’s `select` function targeting a div with the ID `message` to update its text content, while a local module exports the string being displayed. The page renders static text through a combination of external library imports and a local `myMessage.js` file, with CSS centering the large-font output.

Ssyedkabir268