Skip to main content
SimilarExport ZIP
100%

Fork of Activity-6 Task 1

✓ Published0🌍 Public
Mmounikakatipally995@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity-6 Task 1

This fork of Activity-6 Task 1 displays a simple static message, "Hello VizHub!", centered on the page. It loads D3 v5 via a CDN in `index.html` and uses the `select` API from `d3` in `index.js` to target the `#message` div, setting its text from an imported ES6 module `myMessage.js`. The rendering is plain HTML and CSS, with no data source or dynamic 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…

Fork of Activity_6_Task 1

This fork of “Activity_6_Task 1” displays the message “Hello VizHub!” centered on the page. The visualization uses D3 v6’s `select` API to target the `#message` div and set its text content. Styling is applied via an external CSS file, with the font-size set to an enormous 12em for emphasis. The page loads D3 from a CDN and imports a local ES6 module, `myMessage.js`, to supply the string. Data comes from a Gist-hosted CSV URL, though the code shown does not yet process it.

Kkblikitha22@gmail.com
92% match
Loading thumbnail…

Fork of Activity-6

This fork of Activity-6 displays the text “Hello VizHub!” centered in large type within a web page. It demonstrates the basic setup for a D3.js visualization project, using D3 v5 loaded from a CDN to select the `#message` div and set its text content. The code also shows how to import from the `d3` module and from a local ES6 module, with the message string defined in `myMessage.js` and styling applied via an external CSS file.

Ssanavenkatasurendrareddy@gmail.com
91% match
Loading thumbnail…

Fork of Hello VizHub - Activity 6

This example demonstrates a minimal VizHub project that displays a static text message using D3.js and ES6 modules. It shows how to import D3’s `select` function to target the `#message` div and set its content, while also importing a local `message` constant from `myMessage.js`. The page loads D3 v5 via UNPKG and uses a simple `styles.css` for centered, large-font styling.

MMandadi Nishita
90% match
Loading thumbnail…

Fork of Activity 6_Task 1

This fork of Activity 6_Task 1 renders a simple greeting using a minimal D3 setup. The index.html file defines the page structure, while index.js uses `d3.select` to target a `#message` div and set its text content. The text itself comes from an imported ES6 module, `myMessage.js`, which exports the string “Hello VizHub!”. Global CSS in styles.css centers the text and sets its font size to 12em. No additional data or interactive behavior is present beyond this static textual display.

NNIIPUNNREDDY00@GMAIL.COM
90% match
Loading thumbnail…

Fork of Fork of Fork of Activity 7

This example demonstrates a minimal D3.js visualization displaying the text “Hello VizHub!” in large, centered type. It illustrates the basic setup for a VizHub project, including loading D3 via a CDN and using local ES6 modules. The code imports the `select` function from `d3` to target the `#message` div and applies the text from a separate `myMessage.js` module. A stylesheet controls the typography and alignment, with the page structure defined in `index.html`.

Rruchithakakarla336@gmail.com
88% match
Loading thumbnail…

Fork of activity_6_task2

This example demonstrates a simple text message display using the D3.js library, presenting the text “Hello VizHub!” prominently centered on the page. The code imports the `select` function from D3 to target an HTML element and set its content, while a local ES6 module provides the message string. The visualization is a minimal proof-of-concept for integrating D3 with modular JavaScript and CSS, showcasing basic DOM manipulation and styling without any data or complex rendering.

11810vineeth@gmail.com
88% match
Loading thumbnail…

Fork of Fork of Activity 7

This example demonstrates how to build a minimal D3-based web page using VizHub, showing a simple text message rendered in the browser. It loads D3 v5 from UNPKG and uses the `select` function from `"d3"` to set the text content of an HTML div. The code also imports a local ES6 module via `import { message } from './myMessage'` and includes a regular expression and CSS styling, exemplifying basic module integration and DOM manipulation without any complex data or visualization.

Rruchithakakarla336@gmail.com
87% match
Loading thumbnail…

Fork of activity 6

This example demonstrates how VizHub supports modern JavaScript workflows, importing D3.js functions and local ES6 modules to render a simple text message. The page loads D3 v5 from UNPKG and uses the `select` API to target the `#message` div, setting its content from an imported `message` string. A local `styles.css` file centers the text at a large font size, while the accompanying README highlights the platform’s capabilities for bundling and module reuse. The code also includes a regular expression and an unused variable, indicating a template or learning exercise.

Vvrushikarao03@gmail.com
87% match