manishajain1983

@manishajain1983·4 public vizzes

welcome d3

This example demonstrates a minimal D3.js visualization that renders the text "hello d3 v6" centered on a blank page. The page uses CSS to set the font size to 13em and center the text, while the JavaScript, written in `index.js`, imports the `select` function from D3 and applies it to the body element to set its text content. The HTML file loads D3 v6 from a CDN and includes a stub script tag for a bundle. The visualization shows the simplest possible D3 integration, highlighting the library's selection and text manipulation capabilities without any data or complex rendering.

Oct 31, 2023

Loading thumbnail…

welcome

This example demonstrates basic VizHub functionality by displaying the text “Hello VizHub!” using D3.js. It shows how to import modules from D3 and local ES6 modules, with the main script using `select` from D3 to set the `#message` div’s text. The visualization also loads D3 v5 via UNPKG and includes an external stylesheet, rendering text centered at a large font size.

Oct 31, 2023

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays a large, centered text message reading “Hello HTML!” using a CSS class for styling. The page contains no JavaScript logic or external dependencies, relying solely on static HTML structure and inline CSS within a `<style>` block to control font size and alignment. It serves as a bare-bones starter template, illustrating the foundational trio of web technologies—HTML for content, CSS for presentation, and the optional inclusion of JavaScript for interactivity, which is not utilized here. The rendering approach is standard browser HTML parsing and layout.

Oct 31, 2023

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js visualization that renders a single text message, "Hello VizHub!", centered on the page. It shows how to integrate D3 with ES6 modules by importing the `select` function from the `d3` namespace and a local `message` constant from a separate JavaScript file. The code uses D3 v5, loaded via the unpkg CDN, and applies the `select` API to update the text content of an HTML `<div>` element. The styling is handled through a linked CSS stylesheet.

Oct 31, 2023