Skip to main content
100%

yggdrasil

✓ Published0🌍 Public
AAveryBurke
Last edited Apr 23, 2019
Created on Feb 2, 2019
Forked from yggdrasil

A radial tree visualization maps hierarchical world geography, from continents to countries, using curved links and rotated labels positioned around a central "World" node. The code builds the hierarchy from a JSON dataset, applies the D3 tree layout, and renders paths with `d3.linkRadial`. Text nodes are placed via `d3.pointRadial` and rotated based on their angle, with font size decreasing by depth. The visualization supports pan and zoom through D3's zoom behavior, while text shadows improve label legibility over the golden links.

AI-generated description

attempted radial tree. I would like to vertically rotate the 'world' text. I woulto flip all the text to the left of the center. My attempts to do this with .atttr('transform', d=> 'blah') all cause the text to group at the center node

MIT Licensed

Similar vizzes