Skip to main content
SimilarExport ZIP
100%

Fork of Card D3

✓ Published0🌍 Public
AAnissa Belkelfa
Last edited Oct 5, 2022
Created on Oct 5, 2022
Forked from Hello VizHub

This example demonstrates a VizHub project structure for integrating D3.js with ES6 modules. It displays the text “Hello VizHub!” in large, centered type using `select` from D3 to update a DOM element. The code imports local ES6 modules, including a `message` export from `myMessage.js`, and also makes a `Request` to an external API endpoint at wasabi.i3s.unice.fr. The example uses D3 v4 loaded via CDN, showcasing how to combine library imports, custom modules, and external data fetching within a single page.

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 Hello VizHub

This example demonstrates the basic structure of a VizHub project, using D3.js to manipulate the DOM. It shows how to load D3 v5 from a CDN and import specific functions like `select` from the library. The code also imports a local ES6 module, `myMessage`, to retrieve a string, which is then applied to the text content of a `#message` div. This provides a minimal, clear template for combining external libraries with modular JavaScript in a web visualization. The data is a simple static message, not a dataset.

Bbellsamuel
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to incorporate D3.js into a VizHub project using ES6 modules and a local CSS file. It loads D3 v5 via UNPKG and uses the `select` API to target a div with the id `message`, setting its text content to a string imported from a separate `myMessage.js` module. The page renders a simple centered text display, with styling applied through `styles.css`. The visualization serves as a minimal template for structuring reusable module code with D3.

Mmsasuhaimi
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub supports integrating D3.js with ES6 modules, displaying a simple “Hello VizHub!” message in a styled div. It loads D3 v5 from UNPKG and uses the `select` API to update the text content of an HTML element. The code also showcases importing local modules, such as `myMessage.js`, and includes CSS styling for centered, large text. The example serves as a minimal template for combining D3, modular JavaScript, and external libraries in a browser environment.

PPofii807
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub projects can load D3 via UNPKG and use ES6 modules to structure code. It renders the text “Hello VizHub!” in a centered, large-font message using D3’s `select` API to target the `#message` div. The project also imports a custom local module `myMessage.js` to supply the string, and includes a CSS file for styling. The visualization serves as a minimal template for combining D3, local modules, and static assets in a single-page app.

Ssusarlasruthi2000@gmail.com
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub projects can load D3 via UNPKG and use ES6 modules to structure code. It renders the text “Hello VizHub!” in a centered, large-font message using D3’s `select` API to target the `#message` div. The project also imports a custom local module `myMessage.js` to supply the string, and includes a CSS file for styling. The visualization serves as a minimal template for combining D3, local modules, and static assets in a single-page app.

Ssusarlasruthi2000@gmail.com
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub projects can load D3 via UNPKG and use ES6 modules to structure code. It renders the text “Hello VizHub!” in a centered, large-font message using D3’s `select` API to target the `#message` div. The project also imports a custom local module `myMessage.js` to supply the string, and includes a CSS file for styling. The visualization serves as a minimal template for combining D3, local modules, and static assets in a single-page app.

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

Fork of Hello VizHub

This example demonstrates the basic structure of a VizHub project, showing how to load D3 via UNPKG and use ES6 modules to manage code. The visualization renders a single text message, "Hello VizHub!", centered on the page using the `select` function from D3 to set the text content of a div. It also imports a local module, `myMessage.js`, to supply the message string, and applies styling through an external CSS file. The code highlights D3’s integration with modern JavaScript module syntax and simple DOM manipulation.

SSwavna
90% match