Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree diagram

Public visualization

Viewing a saved revision (read-only)

8b909d08f481499b92638102493f6b84

tree diagram

0 stars1🌍 Public
Ddeepthinaidu2001@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from HTML Starter

A hierarchical tree diagram organizes programming languages into a root, categories, and individual languages. Each level is distinguished by a unique color, with nodes and labels displayed across a horizontal layout. The visualization uses D3.js v7, specifically the `d3.stratify` and `d3.tree` APIs to structure and position the hierarchy. Links are drawn with `d3.linkHorizontal`, and nodes are circles colored by depth, rendered as SVG within a `viewBox` canvas. A small legend clarifies the color mapping for root, category, and language depths.

AI-generated description