Skip to main content
Log in
S

SonaJoseph-LD

@SonaJoseph-LD·5 public vizzes

Loading thumbnail…

Fork of Hello VizHub

This fork demonstrates a minimal D3.js visualization that renders the text message "Hello VizHub!" inside a centered HTML div. It loads D3 v5 from the UNPKG CDN and uses the `select` API function to target the `#message` element, updating its text content. The example highlights VizHub’s support for local ES6 modules, as the message string is imported from a separate `myMessage.js` file, and CSS is applied via an external `styles.css` stylesheet.

Mar 10, 2021
Loading thumbnail…

Fork of D3 Starter

This example demonstrates the simplest possible D3 version 6 setup, rendering the text "Hello D3 version 6" centered on a blank page. The code uses the `d3.select` API to target the document body and then calls the `.text()` method to insert the greeting, with CSS styling for large font size. It serves as a minimal starter template for D3 v6 projects.

Mar 10, 2021
Loading thumbnail…

Fork of Hello VizHub

This fork demonstrates a minimal D3.js visualization that renders the text message "Hello VizHub!" inside a centered HTML div. It loads D3 v5 from the UNPKG CDN and uses the `select` API function to target the `#message` element, updating its text content. The example highlights VizHub’s support for local ES6 modules, as the message string is imported from a separate `myMessage.js` file, and CSS is applied via an external `styles.css` stylesheet.

Mar 10, 2021
Loading thumbnail…

Cars report

This example displays the name of the first car model from an embedded JSON dataset in large text on a web page. The data, defined in cars.js as an array of car objects with year, make, model, and price, is imported via an ES6 module. The code uses `JSON.parse` to convert the inline JSON string and `document.getElementById` to update the page’s content, with styling applied through a `pre` element and external CSS. It demonstrates basic D3-free data handling and modular JavaScript imports within a VizHub project.

Mar 5, 2021
Loading thumbnail…

Untitled

This example demonstrates the basic functionality of VizHub by displaying a simple text message. It loads D3 via UNPKG and uses the `select` API from D3 v5 to set the text content of a div element. The code also imports a local ES6 module to supply the message string, which is rendered with CSS styling for large, centered text. The visualization serves as a minimal template for understanding module imports and D3’s DOM manipulation.

Mar 5, 2021