tshrsrvstv

@tshrsrvstv·3 public vizzes

Hello VizHub

This example demonstrates a minimalist rendering of a text message using DOM elements styled with CSS. The page displays the greeting “Hello VizHub!” in large, centered Ubuntu type on a dark blue background. The code uses D3.js’s `select` method to target a `<div>` and set its text content, while the message itself is exported from a separate ES6 module. Styling is applied via an external stylesheet that imports the Ubuntu font from Google Fonts.

Sep 24, 2019

Loading thumbnail…

Hello VizHub

This example displays a simple green circle drawn with D3 v5, positioned on a blank SVG canvas. It demonstrates basic SVG shape creation using `d3.select` and `append`, along with setting circle attributes like `r`, `cx`, and `cy`. The code imports a message from an ES6 module and renders the visualization without any data or interaction. Styling is handled through an external stylesheet that sets the page font to Ubuntu and removes default margins.

Sep 24, 2019

Loading thumbnail…

Hello VizHub

This example shows a minimal SVG canvas with a single gray circle positioned at coordinates (100, 100) and a radius of 100, alongside a text string exported from a separate ES6 module. The visualization uses the D3.js v5 library’s `select` and `append` methods to create the circle, while the message variable is defined but never rendered. The HTML page loads D3 from a CDN, applies a global Ubuntu font via CSS, and runs the bundled JavaScript.

Sep 24, 2019