kalpananagireddy

@kalpananagireddy·4 public vizzes

Hello VizHub

This example demonstrates how to create a basic D3.js visualization within VizHub, displaying a greeting message on a styled HTML page. The code uses D3’s `select` method to set the text content of a div element, importing local ES6 modules like `myMessage.js` to supply the message string. The page’s visual design is handled through CSS, including a custom Ubuntu font and dark blue background, while the HTML structure loads D3 v5 from a CDN and bundles all scripts for execution.

Oct 22, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates how to create a minimal D3.js visualization that displays a text message on a webpage. It uses `d3.select` to target a `div` element and set its content to a string imported from a separate ES6 module. The page styling relies on an external Ubuntu font and custom CSS, while the code structure shows modular JavaScript with local imports. The visualization is static, with no data loading or interactive behavior.

Oct 22, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates VizHub’s ability to render a simple web page: it displays the text "Hello VizHub!" centered on a dark blue background. The page uses D3.js v5’s `select` method to set the content of a `div`, while an ES6 module exports the message string. Styling relies on the Ubuntu font and CSS for layout and color.

Oct 22, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates the basic structure of a VizHub project by displaying a fixed text message on screen. The visualization renders the text “Hello VizHub!” in large Ubuntu font against a dark navy background. The project uses D3 v5’s `select` function to target the message div and set its content, while ES6 modules handle the message string. Styling relies on CSS Google Fonts import and a flexbox-like centered layout.

Oct 22, 2019