Skip to main content
SimilarExport ZIP
100%

activity 8

✓ Published0🌍 Public
Ppardha1411
Last edited Jul 10, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

This example demonstrates the basic capabilities of VizHub by displaying the text "Hello VizHub!" prominently in the center of the page. Using D3 v5 loaded via UNPKG, the code imports the `select` function to target the HTML element with the ID `message` and sets its text content. The message itself comes from a local ES6 module, `myMessage.js`, which exports the string constant, and the styling is handled by an external CSS file.

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…

Activity 8

This example demonstrates the basic interactive and rendering capabilities of VizHub, showing a message displayed prominently on a page. The code loads D3 v5 directly from the UNPKG CDN and demonstrates how to import specific D3 API functions like `select` to manipulate the DOM. It also showcases the use of local ES6 modules by importing a message string from `myMessage.js`. The D3 `select` function targets an HTML `div`, setting its text content, while CSS styles the text for large, centered presentation.

BBindumadhavi
94% match
Loading thumbnail…

Activity_6_3-2

This example demonstrates basic VizHub functionality by displaying a static text message, "Hello VizHub!", centered on the page. It uses D3 v5's `select` method to target the `#message` div and set its content from a local ES6 module. The code imports dependencies from the D3 library via UNPKG and defines the message in a separate `myMessage.js` file, while styling is handled through an external CSS stylesheet.

Ssahaspragna6@gmail.com
93% match
Loading thumbnail…

activity-6

This example displays the text “Hello VizHub!” centered on a blank page. It demonstrates how D3 can be used for basic DOM manipulation, with `select('#message')` setting the text content of an HTML element. The code also showcases the use of local ES6 modules by importing a message constant from `myMessage.js`. The example illustrates how to combine a D3 import with custom module imports within a VizHub environment.

Mmn0658
93% match
Loading thumbnail…

Activity 6

This example displays the text “Hello VizHub!” in the center of the page using D3 v5, loaded via UNPKG. It demonstrates importing individual API functions like `select` from the D3 module, as well as local ES6 modules for reusable content. The `select` method targets the `#message` div and sets its text content to the imported `message` string. Styling relies on a separate CSS file that centers the text and sets a large font size, showing a basic modular structure for VizHub projects.

Ssuryavamsi00024
93% match
Loading thumbnail…

Activity 6

This example displays the text “Hello VizHub!” centered on the page, serving as a minimal demonstration of VizHub’s core capabilities. The code loads D3 v5 from UNPKG and uses the `select` function to target the `#message` div, setting its text content. It also illustrates importing local ES6 modules via `myMessage.js` and includes a CSS file for styling. The visualization itself is static, with no data processing or interactive elements.

Ttejaswiteju9811@gmail.com
93% match
Loading thumbnail…

activity9

This example demonstrates a simple VizHub project that renders the text “Hello VizHub!” centered on the page using D3.js. It shows how to load D3 via UNPKG, import functions from the D3 library (specifically `select`), and use local ES6 modules through the `myMessage.js` file. The code selects the `#message` div and sets its text content using D3’s `selection.text` method, while CSS styles the message with a large font size. The example highlights basic module imports and D3 DOM manipulation.

Vvemurisuchitha@gmail.com
93% match
Loading thumbnail…

activity6

This example demonstrates a minimal D3.js setup within the VizHub framework. It displays the text "Hello VizHub!" centered on a white background using a large, bold font. The code imports the `select` function from D3 v5 and a custom message from a local ES6 module, then uses `select('#message').text(message)` to set the DOM element's content. The page loads D3 from a CDN and applies styling from a linked CSS file.

Ssaitejakaranam10@gmail.com
93% match
Loading thumbnail…

activity 7.1 T

This example demonstrates a minimal D3.js setup within VizHub, displaying the static text “Hello VizHub!” in the center of the page. It loads D3 v5 via UNPKG and uses the `select` API to set the text content of a `div` element with id `message`. The example also showcases local ES6 module imports through a separate `myMessage.js` file, which exports the message string, and includes a CSS stylesheet for large, centered typography.

Ggketan456@gmail.com
92% match