Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

family tree 8.2

Public visualization

family tree 8.2

0 stars0🌍 Public
AAddiga Himesh Chander
Last edited Apr 12, 2026
Created on Apr 12, 2026

A family tree of programming domains is shown as a vertical hierarchy, with colored nodes representing technology categories (Technology, Software, Hardware, AI) and their subcategories. The visualization uses D3.js v7's `d3.stratify()` to convert flat parent-child data into a hierarchy, then positions nodes with the `d3.tree()` layout. Links are drawn as vertical paths using `d3.linkVertical()`, while circles and text labels are placed at computed coordinates. The data is a static array of programming domains, rendered as an SVG with colored nodes by depth level.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed