Fork of Fork of Untitled

100%

Fork of Fork of Untitled

✓ Published0🌍 Public

Last edited Jul 21, 2023

Created on Jul 21, 2023

This example demonstrates a simple ES6 module and D3.js setup within VizHub, displaying the text “Hello VizHub!” centered on the page. It loads D3 via UNPKG and uses the `select` function from D3 to set the text content of a `#message` div. A local module, `myMessage.js`, exports the string, which is imported in `index.js`. The styling is defined in an external CSS file for large, centered text.

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 Untitled

This example demonstrates how to load D3 via UNPKG and use ES6 modules in VizHub. It imports the `select` function from D3 and a `message` string from a local `myMessage.js` module. The code then uses `select` to target the `#message` div and sets its text content, which is styled with large centered font via CSS. It showcases basic module imports and DOM manipulation without any data processing or visualization.

VVenkat-Sumith-Thota

93% match

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to load D3 via UNPKG and use ES6 modules in a VizHub project. It uses the `select` function from D3 to target a `#message` div and set its text content. The text string comes from a local module, `myMessage.js`, which exports a `message` constant. The final page renders a centered, large-font "Hello VizHub!" message using CSS from `styles.css`, showcasing basic module imports and DOM manipulation.

DDivyaVellanki

92% match

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how D3.js and ES6 modules can be used together in a VizHub project. It renders a simple text message, "Hello VizHub!", centered on the page using a CSS style. The code imports the `select` function from D3 and a custom local module exporting the message string. It loads D3 from a CDN and uses D3's selection API to update the DOM.

VVenkat-Sumith-Thota

92% match

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates the modular structure of a VizHub project, showing how D3.js and local ES6 modules work together to render a simple text message. It uses D3 v5 loaded via UNPKG, with the `select` function from D3 to target the `#message` div and set its text content. The message itself comes from a separate local module, `myMessage.js`, which exports the string "Hello VizHub!". Styling is handled by CSS, centering the text at a large font size.

Aatang148

92% match

Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates how VizHub loads D3 and local ES6 modules to display a simple text message. The page uses D3’s `select` API to target the `#message` div and set its text to “Hello VizHub!”. The message string comes from an imported local module, `myMessage.js`, while styles are applied via an external CSS file. The code also includes an unused D3 import and a regular expression literal.

LLakshmiPrasannaValdas@my.unt.edu

92% match

Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates how VizHub supports ES6 modules and external libraries by rendering a centered “Hello VizHub!” message. It imports the `select` function from D3 v5 (loaded via UNPKG) to manipulate the DOM, and imports a local `message` string from a separate `myMessage.js` module. The message is displayed in a large, centered font using CSS. The code shows the basic setup for combining CDN-loaded D3 with modular JavaScript in a VizHub project.

NNithin Gopalakrishnan

92% match

Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates a minimal VizHub setup that renders a custom message using D3.js. It imports the `select` function from D3 via UNPKG and uses it to set the text of an HTML `#message` div, referencing a local ES6 module (`myMessage.js`) for the greeting string. The page also loads an external script from a gist and applies centered, oversized text styling via the included `styles.css` file. The visualization is static, focusing on modular JavaScript imports and basic DOM manipulation rather than data-driven graphics.

DDivyaVellanki

92% match

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js application that displays the text “Hello VizHub!” in the center of the page. It uses the `select` function from D3 v5 to target a `#message` div and set its content from a local ES6 module. The code also imports the D3 library via UNPKG and separates the message string into a modular `myMessage.js` file, showing basic module import patterns and styling with CSS.

Vvenkatajayanth03

92% match