Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

205c15bbdfde499bb92ab44a14fa58fe

Tree

0 stars0🌍 Public
PP Manisha
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from Tree

A hierarchical tree diagram displays the structure of programming languages, grouped into Web, System, and Data categories. The visualization uses a static dataset defined in JavaScript. D3.js v7 with an SVG rendering approach draws the graph, employing `d3.hierarchy` and `d3.tree` to compute the layout. Nodes are represented as colored circles, color-coded by depth using `d3.scaleOrdinal` with `d3.schemeCategory10`, while links and text labels are appended via D3's data-join methods. The tree is oriented horizontally, placing parent-child connections left-to-right.

AI-generated description