Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Observable Tree

Public visualization

Viewing a saved revision (read-only)

c81b7c78909b4085893f89fc1115d171

Observable Tree

0 stars0๐ŸŒ Public
BBoris Gomaz
Last edited Mar 14, 2023
Created on Feb 15, 2023

This visualization displays a hierarchical tree layout created from a custom flare.json dataset, where each node is represented by a circle and connected by curved links. The implementation uses the `d3.tree` layout algorithm with `d3.stratify` for hierarchy construction and `d3.curveBumpX` for link interpolation. Node labels show names, and hovering reveals the full ancestor path as a tooltip via the `title` attribute. Links point to GitHub tree views for each file or directory, rendering in a new tab.

AI-generated description

Smiley face implementation with React & D3.