Skip to main content
Log in
R

rafiurrafi

@rafiurrafi·3 public vizzes

Loading thumbnail…

Hello VizHub

A minimal D3.js v5 example renders the text "Hello VizHub!" in a large, centered Ubuntu font against a dark navy background. The page loads D3 from a CDN and uses the `select` API to target the `#message` div, setting its text content. A local ES6 module exports the message string, while an external stylesheet defines the visual presentation with Google Fonts and CSS properties. The example demonstrates basic DOM selection, module imports, and stylesheet integration within the VizHub environment.

Nov 3, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates static SVG shapes composed from circles and a rectangle, rendered within a 960-by-500 viewport. It highlights how SVG elements can be grouped and repositioned using the `transform` attribute, with the lower group translated and filled blue. The code imports D3 v5 for basic utility access, though no data binding or dynamic behavior occurs. An ES6 module exports a greeting message, while external styling via Google Fonts and hidden overflow completes the minimal setup.

Oct 31, 2019
Loading thumbnail…

Hello VizHub

A minimal D3.js v5 example renders the text "Hello VizHub!" in a large, centered Ubuntu font against a dark navy background. The page loads D3 from a CDN and uses the `select` API to target the `#message` div, setting its text content. A local ES6 module exports the message string, while an external stylesheet defines the visual presentation with Google Fonts and CSS properties. The example demonstrates basic DOM selection, module imports, and stylesheet integration within the VizHub environment.

Oct 25, 2019