karthiccr

@karthiccr·2 public vizzes

Hello VizHub

This example displays a single centered message, “Hello VizHub!”, as a demonstration of VizHub’s basic setup. It imports the `select` function from D3 v5 and a custom ES6 module to set the text content of an HTML div, with styling from a local CSS file. The visualization relies on D3’s DOM selection and text manipulation via `select('#message').text(message)`.

May 31, 2020

Loading thumbnail…

world countries tree

This visualization displays a hierarchical tree of world countries, organized by continent and subregion. The data branches from the root node "World" down to individual nations, with each level representing a geographic grouping. The code uses D3 v5’s `tree` layout and `hierarchy` function to compute node positions, while `linkHorizontal` generates the curved connector paths. Country and region names are rendered as SVG text elements, with the tree laid out horizontally across the full viewport. The styling applies a cyan stroke to the links and a white text shadow for readability.

May 31, 2020