🌍 Public
Viewing a saved revision (read-only)
b74d871731ab4b74b0c5f532d02e6b3c
World countries tree
This example visualizes hierarchical survey data as a radial tree, with each leaf node represented by a colored horizontal bar showing a percentage value and its associated words array listed underneath. Built with D3 v5 and SVG, the code uses `d3.hierarchy`, `d3.cluster`, and `d3.scaleLinear` to compute the layout and encode numeric values as bar heights. Labels and bars are positioned along the circular hierarchy, and the visualization loads data from a JSON file containing nested topic clusters with word lists, as well as support for panning and zooming via `d3.zoom`.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.