Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree

Public visualization

Viewing a saved revision (read-only)

fa493bff68224615b060ba08bd2b2fd5

tree

0 stars0🌍 Public
HHariniPotla@my.unt.edu
Last edited Apr 12, 2026
Created on Apr 12, 2026

This example shows a hierarchical tree of programming languages, grouping frontend, backend, and data science categories with their child technologies. Developed with D3 v7, it uses `d3.hierarchy` and `d3.tree` to compute node positions, then renders curved `d3.linkVertical` paths for connections and SVG circles for nodes. Node colors vary by depth—orange for the root, teal for categories, and blue for leaves—with text labels above each circle. The static dataset is hard-coded in the script, and the output is a 900x500 SVG visualization.

AI-generated description