Fork of Activity-6 Task-2

100%

Fork of Activity-6 Task-2

✓ Published0🌍 Public

Last edited Oct 19, 2024

Created on Oct 19, 2024

This example demonstrates a minimal D3.js visualization that displays a custom message in the center of the page using the `select` function to manipulate the DOM. It shows how to import D3 modules and local ES6 modules, with the message text defined in a separate `myMessage.js` file. The page loads D3 v5 from UNPKG and applies styling through an external CSS file, resulting in a large, centered text label.

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 Task-3

This example demonstrates how to use D3.js v5 to display a text message in the center of a webpage, fetched from a local ES6 module. The code utilizes the `select` method from the D3 library to target a `div` element with the ID `message`, then sets its text content using the imported `message` variable from `myMessage.js`. The page loads D3 from UNPKG via a CDN, and styling is handled through a linked CSS file. It illustrates basic ES6 module imports and D3’s DOM manipulation capabilities.

Kkrishna444battula@gmail.com

90% match

Loading thumbnail…

Fork of Activity 6_Task 1

This example demonstrates a minimal D3.js visualization that renders a text message centered on the page. The code imports the `select` function from D3 and a local ES6 module exporting a string, then uses `select('#message').text(message)` to display the text. It loads D3 v5 from a CDN via UNPKG and includes a CSS file for styling. A regular expression and numeric variable are declared but unused, showing basic JavaScript syntax alongside the core D3 selection and manipulation approach.

KKarnam Abinay Goud

90% match

Loading thumbnail…

Activity6_Task 2

This example demonstrates a minimal D3.js setup that loads the library via UNPKG and uses ES6 modules to display a static message. It shows how `import { select } from 'd3'` manipulates the DOM by setting the text of a `#message` div, while a separate local module (`myMessage.js`) exports the string content. The page also imports a stylesheet to center and scale the text with a 12em font size. The visualization itself contains no data or interactive elements.

Vvikramkotlo9@gmail.com

88% match

Loading thumbnail…

Fork of Activity-6

This example demonstrates basic D3.js text rendering on a web page. It uses the D3 `select` function to target an HTML element by ID and set its text content. The visualization loads D3 v5 via UNPKG and imports a message from a local ES6 module. A CSS stylesheet controls the presentation, centering the message and displaying it at a large font size. The code also includes a regular expression and a numeric variable, though these are not used in the visual output.

Ccherrylmarym@gmail.com

88% match

Loading thumbnail…

Fork of ACTIVITY_6_TASK1

This example demonstrates a minimal Hello World visualization built with D3.js v5 and an ES6 module. It uses `select` from D3 to set the text content of a `div` element, displaying “Hello VizHub!”. The code imports a local `message` constant from `myMessage.js` and also defines an unused regular expression. The HTML page loads D3 via UNPKG and applies centered, large-font styling through `styles.css`. It primarily shows basic DOM manipulation with D3, not a data-driven chart.

HHarinathChakali33@gmail.com

87% 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

87% match

Loading thumbnail…

Activity 6_Task 1

This example demonstrates a minimal D3.js setup using ES6 modules to display a centered message. It loads D3 v5 from a CDN and uses the `select` API to update the text content of a `div` element, while importing a local module for the message string. The page includes custom CSS styling for large, centered text. The code serves as a template showing how to combine external libraries, local imports, and styling in a single visualization.

MMANEEDI NAGAKIRAN

87% match

Loading thumbnail…

Fork of Activity6_Task1

This example demonstrates how to load D3 via a CDN and use ES6 module imports to structure a simple D3 project. It renders a static text message inside a div, selected and updated using `d3.select`. The visualization also includes a local ES6 module (`myMessage.js`) that exports the message string, and imports the `select` function directly from D3 v5. The code uses D3’s UNPKG distribution and modifies the DOM’s text content without any data binding or complex rendering.

Ppradeepgubbala2001@gmail.com

86% match