Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Example

Public visualization

Viewing a saved revision (read-only)

5ca5d5df38534567ade879aa21387caf

Example

1 star6🌍 Public
Ffkukcha
Last edited Nov 15, 2022
Created on Oct 30, 2022

This example shows an animated D3 tidy tree visualization of hip replacement experts, organized hierarchically by country, city, institution, and expert name. The code loads CSV data from a gist URL and uses `d3.csv`, `d3.hierarchy`, and `d3.tree()` with `d3.linkHorizontal` to render the collapsible tree structure as an SVG. Nodes are initially collapsed based on name length, and the layout adapts to the window size using `window.innerWidth`.

AI-generated description

D3 Tidy tree Demo for Serge Bouissou (Ryteh's CTO).