Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoom Capability of Art Tree

Public visualization

Zoom Capability of Art Tree

0 stars0🌍 Public
Cceresfin
Last edited Feb 3, 2021
Created on Feb 1, 2021
Forked from Art Tree

This visualization presents a hierarchical tree of world regions and countries, arranged using the `d3.tree` layout and rendered as SVG. Users can pan and zoom the entire structure through the `d3.zoom` API, which updates a transform group. The hierarchy is loaded from a JSON file, with links drawn via `d3.linkHorizontal` path generators and text labels styled with font sizes that scale by node depth. The code relies on D3 v5 for DOM selection, data binding, and zoom event handling.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed