Skip to main content
SimilarExport ZIP
100%

Activity - 6

✓ Published1🌍 Public
Pphanisrivinnakota@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This example displays the text “Hello VizHub!” centered on the page. It demonstrates loading D3.js from a CDN and importing a local ES6 module. The code uses D3’s `select` to set the text content of a div, styles the message with CSS, and shows basic module imports and regular expression syntax.

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 6

This example demonstrates a minimal D3.js setup within the VizHub environment, displaying the text "Hello VizHub!" centered on the page. The code imports the `select` function via an ES6 module from D3, and also imports a local custom message module. D3 v5 is loaded from UNPKG, and the example shows how to combine CDN libraries, local modules, and CSS styling in a simple single-page visualization.

Sskykarthik97@gmail.com
91% match
Loading thumbnail…

Activity 6

This example displays a simple text message, "Hello VizHub!", centered on the page. It demonstrates the basic setup of a D3.js project using ES6 modules and local CSS. The code imports the `select` function from D3 and a message string from a separate module, then sets the text content of a div element. The styling is applied through an external stylesheet.

Ssaikarthiknimmagadda@gmail.com
91% 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
90% match
Loading thumbnail…

Activity-6

A minimal D3.js example displays the text “Hello VizHub!” centered in the browser. The code demonstrates importing D3 modules via UNPKG and loading a local ES6 module that exports the message string. It uses `select` from D3 to target the `#message` div and sets its text content. The example also includes a CSS stylesheet for styling and shows basic JavaScript syntax with a constant and regular expression.

Ssannihitha.k23@gmail.com
90% match
Loading thumbnail…

activity -6

This example displays the text "Hello VizHub!" centered in the browser window using the D3.js library (v5). The visualization demonstrates ES6 module imports, pulling the message from a separate local file and setting it on the page via D3's selection and text methods. The code loads D3 from a CDN and styles the output with external CSS.

Aanith462@gmail.com
90% match
Loading thumbnail…

Activity 6 Tutorial 2

This example displays the text "Hello VizHub!" centered on the page. It demonstrates how to set up a D3.js project within VizHub, loading the library via a CDN link and importing APIs using ES6 syntax. The code uses the `select` function to target the message div and set its content from a separate local module. Styling is applied through an external CSS file, and the page is rendered with a standard HTML structure.

Jjasthilavanya2022@gmail.com
90% match
Loading thumbnail…

Activity - 6

A simple web page displays the text “Hello VizHub!” in large, centered type. The example uses D3.js version 6, specifically the `select` function to target the `#message` div, and imports a message string from a local ES6 module. The styling is handled with CSS, setting the text alignment and font size.

Kkrishi7079@gmail.com
90% 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
90% match