nikhilkashid3593

@nikhilkashid3593·5 public vizzes

Fork of Fork of Fork

This example demonstrates a minimal D3.js setup within VizHub, displaying the text “Hello VizHub!” centered on the page. It shows how to load D3 v5 from a CDN via UNPKG, use ES6 module imports to access the `select` function from D3, and import local custom modules from a separate file. The code selects a `div#message` element and sets its text content using D3’s selection API, with styling applied through an external CSS file.

Nov 9, 2021

Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates how VizHub loads D3 and renders a simple text message using local ES6 modules. The code uses `d3.select` from an UNPKG-hosted D3 v5 bundle to set the text of a `#message` div, with the string imported from `myMessage.js`. It includes a stylesheet for centered, large-font styling. The page structure is defined in `index.html`, while `bundle.js` loads the main script that connects these pieces.

Nov 9, 2021

Loading thumbnail…

Fork of Hello VizHub

This simple example demonstrates how to set up a D3.js visualization using external libraries and local ES6 modules. It displays the text "Hello VizHub!" centered on the page. The code imports the `select` function from D3 v5.16.0 and a custom `message` string from a local module, then uses d3’s `select('#message').text(message)` to assign the text to a div element. CSS styling controls the message’s appearance through the `#message` selector.

Nov 9, 2021

Loading thumbnail…

Cars

This example displays the message “Hello VizHub!” centered on the page using the D3 library loaded from a CDN. The code demonstrates ES6 module imports for local files, specifically importing a message constant from `myMessage.js`. It uses `document.getElementById` to set the text content of the `#message` div, with styling applied through `styles.css` for large, centered typography. The visualization is static, showcasing basic DOM manipulation and module integration within the VizHub environment.

Nov 8, 2021

Loading thumbnail…

Smile face 1

A simple SVG smiley face rendered with two black eyes and a yellow circular head outlined in black. The face lacks a mouth, showing only the head and eyes. The visualization is built using React in an HTML page, with SVG circle elements defining the head and eyes at fixed coordinates within a 960 by 500 viewport. The code imports React and logs a message, but applies no interactive or data-driven behavior.

Nov 5, 2021