Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree structure

Public visualization

Viewing a saved revision (read-only)

a9a22f2f673b4324bf746ad78256cf9a

Tree structure

0 stars0🌍 Public
Mmadipadiga.raviteja@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024

This example shows a family tree of football players, rendered as an animated SVG diagram with circular nodes connected by grey paths. It uses d3.stratify to convert flat parent-child data pairs into a hierarchy, then d3.tree to compute the layout. Circle nodes are colored by generation depth via a switch statement, and transitions animate both path connections and node radii over short durations. Text labels identify each player, while the tree expands from a single root node downward.

AI-generated description

A visualization of Daily Surface Air Temperature, colored by year, with 2024 highlighted in red. Made in collaboration with EJ Fox, leveraging data prepared by Matthias Stahl.