Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

259e8c50fc954b139e1880c972dbe5b9

Tree

0 stars0🌍 Public
SSreedevi Itta
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from Tree

This example shows a horizontal tree diagram of technology domains, with three levels of depth branching from a root "Technology" node into categories like Programming Languages, Web Technologies, and Data & AI, and further into specific tools and languages. The visualization uses D3.js v7 with the `d3.hierarchy` and `d3.tree` layout APIs to compute node positions, and `d3.linkHorizontal` to draw smooth curved links between parent and child nodes. The SVG rendering distinguishes node hierarchy levels through color-coded fills: orange for the root, blue for first-level children, and green for second-level nodes, with each leaf labeled in small text.

AI-generated description