Dronom

@Dronom·3 public vizzes

Hello VizHub

This example presents a simple SVG smiley face rendered with D3 v5. A green circle is drawn first, followed by a black-stroked mouth path created using the `d3.arc` API with specified inner and outer radii and angles. The visualization demonstrates basic shape construction and attribute manipulation within an SVG canvas, with layout handled by static width and height attributes rather than data binding.

Nov 12, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal VizHub project that renders a single, large "Hello VizHub!" message in the browser. It uses the D3.js v5 `select` API to target a `#message` div and set its text content, while CSS handles the visual styling with a dark blue background, white text, and the Ubuntu font. The message itself is imported from a separate ES6 module, showcasing modular code organization within the bundled setup.

Nov 12, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates VizHub’s core workflow by displaying a static “Hello VizHub!” message on screen. It shows how D3.js version 5 can be imported as ES6 modules, with `select` targeting a DOM element and setting its text content. The code also highlights modular JavaScript by exporting the message string from a separate file, while CSS styling applies a custom font and dark background. No data loading or dynamic behavior occurs; the visualization is purely a text-based output.

Nov 12, 2019