Skip to main content
SimilarExport ZIP
100%

ACTIVITY 6_TASK 1

✓ Published0🌍 Public
Ppasumarthiraghuram21@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This example demonstrates how to load external libraries and local ES6 modules in a VizHub project. It uses the D3.js library, imported via UNPKG, to select a DOM element with `select` and set its text content. The code imports a message string from a local ES6 module called `myMessage.js` and displays it inside a div with the ID `message`. The accompanying stylesheet centers the text with a large font size. The example showcases basic D3 selection and module import patterns without any data visualization.

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_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
93% 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
93% match
Loading thumbnail…

ACTIVITY 6_Task 1

This example demonstrates how to import and use D3.js v5 alongside local ES6 modules within a VizHub project. It loads D3 from a CDN via UNPKG and uses the `select` API to target a DOM element, setting its text content to a custom message defined in a separate module. The page displays a large, centered greeting by applying CSS styling to the message div. The visualization serves as a minimal template for integrating external libraries and modular JavaScript code.

PPavanKumarRacharla@my.unt.edu
92% 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
92% match
Loading thumbnail…

Activity6_Task3

This example demonstrates how to build a visualization with D3 v5 and ES6 modules in VizHub. It loads D3 via UNPKG and uses `import { select } from 'd3'` to manipulate the DOM, setting the text content of a `div` element via `select('#message').text(message)`. A local ES6 module (`myMessage.js`) exports a string that is displayed. The example also includes a CSS stylesheet for layout, showing a basic template for combining external libraries, modular JavaScript, and styling in a single project.

CChaitanya Ratan Sree
91% match
Loading thumbnail…

Activity6_Task4_q1

This example demonstrates a basic D3.js setup within VizHub, showing how to import modules from both D3 and local ES6 files. It uses the `select` API from D3 v5 to target a `#message` div and update its text content. The text itself comes from a local `message` variable exported by a separate module, while the page loads D3 via UNPKG and links an external stylesheet. The visualization simply renders a static, centered text message using CSS for styling.

Vvemurisuchitha@gmail.com
91% match
Loading thumbnail…

Activity 6_Task 1

This example demonstrates how VizHub supports ES6 module imports and external library loading. It renders a simple text message centered on the page using D3 v5, imported directly from a CDN. The code uses `import { select } from 'd3'` to manipulate the DOM and displays a string from a local module called `myMessage.js`, showing the integration of local JavaScript files with external dependencies. The page styling comes from a linked stylesheet.

Ccraftinghermit@gmail.com
91% match
Loading thumbnail…

Activity 6_Task 1

This example demonstrates how VizHub supports ES6 module imports and external library loading. It renders a simple text message centered on the page using D3 v5, imported directly from a CDN. The code uses `import { select } from 'd3'` to manipulate the DOM and displays a string from a local module called `myMessage.js`, showing the integration of local JavaScript files with external dependencies. The page styling comes from a linked stylesheet.

Ccraftinghermit@gmail.com
91% match