Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree diagram

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed