Skip to main content
SimilarExport ZIP
100%

Activity6_task2

✓ Published1🌍 Public
DDeekshitha Annreddy
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_task2

This example demonstrates the basic structure of a VizHub project, showing how to load D3 via a CDN and use ES6 modules for local code organization. The index.html file includes the D3 library from UNPKG and links to a stylesheet, while index.js imports the select function from d3 and a custom message from myMessage.js. The code sets the text content of a div element with the ID “message” to display “Hello VizHub!”, styled with large centered text via CSS. The data.csv file is included but not referenced in the visualization logic.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6 -task2

This example demonstrates how a VizHub project loads D3 from a CDN and uses ES6 modules to organize code. It imports the `select` function from D3 and a custom `message` string from a local module, then sets the text of a `div` element with the ID `message` to display “Hello VizHub!”. The page styling centers the large text via CSS. The code also includes a regular expression and a numeric constant but does not use them in any visible behavior.

Vvrushikarao03@gmail.com
91% match
Loading thumbnail…

Activity6

This example demonstrates basic D3.js setup and ES6 module usage within a VizHub template. It loads D3 v5 from UNPKG and uses the `select` function from the `"d3"` import to update the text content of a `#message` div with a string exported from a local module. The page renders a large, centered “Hello VizHub!” message styled via CSS, showing how to combine external libraries, local imports, and styles in a single visualization harness.

DDeekshitha Annreddy
91% match
Loading thumbnail…

Activity6_Task3

This example demonstrates how VizHub enables a minimal D3.js project to load external libraries and utilize local ES6 modules. The page displays the text "Hello VizHub!" centered on the screen, styled via CSS. The code imports the `select` function from D3 to target the `#message` element and sets its text content. A separate local module, `myMessage.js`, exports the string used as the message, showcasing modular code organization within the template. The example uses D3 v5 loaded from UNPKG and relies on a bundled JavaScript file for execution.

Ppaulphillips@my.unt.edu
91% match
Loading thumbnail…

Activity6_task3.2

This example demonstrates a minimal D3.js setup within VizHub, showing how to load D3 from a CDN via UNPKG and import both D3 API functions and local ES6 modules. The code uses `select` from D3 to set the text content of a `div` element to "Hello VizHub!", with a message string exported from a separate `myMessage.js` module. Styling is applied through an external CSS file, which centers the text and sets a large font size. The example illustrates basic module import patterns and DOM manipulation with D3.

Iiftequaruddin883@gmail.com
91% match
Loading thumbnail…

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.

HHarinathChakali33@gmail.com
91% match
Loading thumbnail…

Activity_6_Task_1

This example demonstrates the minimal setup required to build a D3.js visualization within VizHub. It shows how to load D3 from a CDN and use ES6 module imports to combine local code with the library. The code imports the `select` function from D3 and a custom `message` string from a local module, then displays that message in a styled HTML div. It highlights the project’s foundational patterns for module organization and dependency loading, serving as a template rather than a data-driven graphic.

Aadityatrip9899@gmail.com
90% match
Loading thumbnail…

Activity 6 Task3

This example demonstrates how to load D3 via UNPKG and use ES6 module imports to structure a simple VizHub project. It uses D3’s `select` function to set the text content of a div element, pulling a string from a local module. The page displays a large, centered “Hello VizHub!” message styled with CSS, with the D3 library imported directly and a local `myMessage.js` file providing the displayed text. The code also includes an unused numeric constant and regex, but no data visualization is shown.

Jjaideeptripurani12@gmail.com
90% match
Loading thumbnail…

Activity6_task4

This example demonstrates a minimal D3.js setup within VizHub, displaying a centered “Hello VizHub!” message. It shows how to load D3 from a CDN via UNPKG and use ES6 module imports for both the D3 library and a local module. The code uses `select` from D3 to set the text content of an HTML div element, while a separate `myMessage.js` file exports the message string. The page also includes basic CSS styling for the message text.

Hharshabandi3060@gmail.com
90% match