Kexin Yu

@kexinux·2 public vizzes

Hello VizHub!

A minimal example introduces the VizHub environment with a static SVG circle on a dark background. It demonstrates an ES6 module exporting a text message, which D3.js selects and applies to a page element using the `select` function. The SVG markup is hand-authored in the HTML file, and the styling uses external Google Fonts. This example showcases basic project structure and integration of D3 v5 with custom JavaScript modules for simple visualization output.

Oct 2, 2018

Loading thumbnail…

Hello VizHub!

This example displays the text “Hello VizHub!” in large, centered, light-colored lettering against a dark background. It demonstrates the basic structure of a VizHub project, using an ES6 module to export a message string and the D3.js `select` API to update the text content of an HTML element. The page imports D3 version 5.5.0 from a CDN and applies styling from an external stylesheet that sets the Ubuntu font family. The visualization is a minimal, static rendering that shows how to combine JavaScript modules, D3, and CSS.

Oct 1, 2018