Kaush

@ViceCase·3 public vizzes

Fork of World Countries Tree

This interactive tree diagram displays a hierarchical organization of world countries, grouped by region under a root node labeled "Potential Advertisement". The visualization uses a horizontal node-link layout, where each country name is rendered as text positioned along the branches. The D3.js library (v5) constructs the tree layout, while custom CSS styles provide a distinct serif font and visual text shadowing. Data is loaded from an external JSON file, and the SVG rendering supports zoom and pan interactions through D3's zoom module.

Apr 23, 2022

Loading thumbnail…

Fork of Radial Tree of Countries Hierarchy

This fork of Curran Kelleher’s radial tree visualizes a hierarchy of world countries, grouped by continent and subregion, with labels placed along circular branches. Users can pan and zoom the entire SVG scene using `d3.zoom` and `d3.event.transform`. The code builds the layout with `d3.cluster` and `d3.hierarchy`, projects nodes via a custom `project` function, and sizes text with `d3.scaleSqrt` based on depth. The underlying data is loaded from `data.json` using `d3.json`.

Apr 23, 2022

Loading thumbnail…

Fork of Hello HTML

This example is a minimal HTML page that renders a single SVG circle, serving as a basic test of scalable vector graphics within a web document. The index.html file contains a `<svg>` element with a circle shape defined by a radius of 100 units, though the circle lacks a fill or stroke, making it invisible in a typical browser when rendered without styling. The example uses raw HTML and inline SVG markup, with no external JavaScript libraries or data sources involved. It demonstrates the fundamental structure for embedding SVG content directly in a webpage.

Apr 23, 2022