Assign-1 Question-1

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.

Assignment 2 tutorial

This example demonstrates how to set up a minimal VizHub project using D3 v5 and ES6 modules. It loads D3 from a CDN via UNPKG, imports the `select` function from the `d3` module, and imports a local `message` variable from a custom ES6 module. The code uses `select('#message')` to update the text content of a div element, and includes a CSS file for styling. The example highlights basic module import patterns and D3 selection methods.

Hhkodiripaka15@gmail.com

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

Aayeshamanzoor111798@gmail.com

Activity6_Question2

This example demonstrates the fundamental workflow of a VizHub project, loading D3 v5 through a CDN and importing both D3 functions and local ES6 modules. It shows how D3’s `select` function targets a DOM element to set text content, while a separate local module supplies the displayed message. The code also includes a CSS rule for centering and scaling the text, and initializes a numeric constant and a regular expression. The page renders a simple, large-format greeting.

Ttejaswiteju9811@gmail.com

Question1.1

This example demonstrates a minimal VizHub project that renders the text “Hello VizHub!” in the center of the page using D3.js. The code imports the `select` function from D3 to target a div by its ID and sets its text content, while a separate ES6 module exports the message string. The page loads D3 v5 from UNPKG and includes external CSS for styling. The example highlights basic module imports and D3 DOM manipulation.

Ttejaswiteju9811@gmail.com

Question1.1

Assignment1_Ques1

This example demonstrates a minimal D3.js setup within a VizHub template, displaying the text “Hello VizHub!” centered on the page. The code imports the `select` function from D3 to target the `#message` div and sets its content from a local ES6 module. It uses the `d3.v5` library loaded via UNPKG, along with custom CSS for styling. The visualization primarily serves as a basic template, showing how to integrate D3, local modules, and static styling in a single-page HTML structure.

HHemanthh81

Activity6_question1

This example demonstrates a minimal D3.js setup within the VizHub environment, showing how to load D3 from a CDN and render text into a page. The code imports the `select` function from D3 and uses it to set the text content of a div element, while also displaying a local ES6 module import. It illustrates basic DOM manipulation with D3’s selection API, along with optional CSS styling. The example primarily serves as a template for understanding D3 imports, local module structure, and simple SVG-less rendering.

1188r1a0559@gmail.com