Skip to main content
SimilarExport ZIP
100%

Fork of Xayir VizHub

✓ Published0🌍 Public
MMuhriddinMahmudjonovich
Last edited Oct 6, 2022
Created on Oct 6, 2022
Forked from Hello VizHub

This example demonstrates the basic capabilities of VizHub by displaying a centered text message that reads “Xayir VizHub!” in a large font. It shows how to set up an HTML page with D3.js loaded via UNPKG, and how to import the `select` function from D3 to manipulate the DOM. The code also utilizes a local ES6 module named `myMessage` to provide the message content. The visualization primarily serves as a template for structuring a simple D3 project.

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

This example displays the text “Hello VizHub!” centered on the page at a large font size. It demonstrates the basics of building a D3.js v5 visualization with VizHub, using the `import` statement to load both the D3 `select` function and a local ES6 module (`myMessage.js`). The HTML links a local stylesheet and loads D3 from UNPKG, while the JavaScript selects the `#message` div and sets its text content. The visualization is static, with no data source or dynamic rendering.

MMuhriddinMahmudjonovich
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub projects are structured, showing a simple web page that displays the text “Hello VizHub!” in large centered type. The visualization uses D3.js v5, loaded via UNPKG, to select the `#message` div and set its text content. The project also illustrates ES6 module imports, both from the D3 library (`import { select } from 'd3'`) and from a local module (`./myMessage`), which exports the displayed message string. A separate CSS file styles the message with a 12em font size.

MMuhriddinMahmudjonovich
90% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub supports importing D3 and local ES6 modules to render a simple text message. The page displays “Hello VizHub!” centered in a large font using the `select` function from D3 to set the text content of a div element. The code imports `select` from `d3` and a `message` constant from a local `myMessage` module, showing modular code organization. D3 v5 is loaded via UNPKG, and the styling is defined in a separate CSS file.

FFaysalIbnMohi
89% match
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” inside a centered HTML element, demonstrating how to integrate D3 and local ES6 modules in a VizHub project. The code imports the `select` function from D3 via UNPKG and a custom `message` constant from a local module, using `select('#message').text(message)` to set the text. It also includes a stylesheet for the large, centered typography. The example serves as a minimal template for loading dependencies and structuring modular JavaScript code.

Mm.tareq200558@gmail.com
89% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates VizHub’s capability to load D3 via UNPKG and use ES6 modules. It renders the text “Hello VizHub!” centered in a large font. The code imports the `select` function from D3 and a local `message` module, then uses `select('#message').text(message)` to set the content of the HTML element. Styling is applied via an external CSS file.

MMohamedMOsman
89% match
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates VizHub’s capability to load D3 via UNPKG and use ES6 modules. It renders the text “Hello VizHub!” centered in a large font. The code imports the `select` function from D3 and a local `message` module, then uses `select('#message').text(message)` to set the content of the HTML element. Styling is applied via an external CSS file.

MMohamedMOsman
89% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a simple web page that outputs “Hello VizHub!” in large, centered text using D3.js. The visualization demonstrates how to load D3 from a CDN via UNPKG and import both the `select` API from D3 and a custom ES6 module, `myMessage.js`, which exports the displayed message. The rendering is handled through D3’s `select` function, which targets the `#message` div, while the styling is defined in a local CSS file.

Ssabaliaqat786
89% match
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” prominently in the center of the page, styled with large CSS typography. It demonstrates fundamental VizHub capabilities by loading D3.js v5 from the UNPKG CDN, importing the `select` function from `d3`, and importing a custom message from a local ES6 module. The code renders the message by selecting the `#message` div and setting its text content.

JJeorge D. Anderson II
88% match