Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Observable Tree

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed