Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hierarchical Tree with Three Layers

Public visualization

Viewing a saved revision (read-only)

a0dc9613a411428c8d1a4d5d045c44ca

Hierarchical Tree with Three Layers

0 stars1🌍 Public
Sshreshnaanugu@gmail.com
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from US Crime Rate Map

This example presents a three-layered hierarchical tree of programming languages, categorizing them into Compiled, Interpreted, and Scripting groups. Built with D3.js v7, it uses the `d3.stratify()` and `d3.tree()` layout APIs to position nodes, with `d3.linkVertical()` drawing the connecting paths. The SVG rendering colors circles by depth using `d3.scaleOrdinal()`, with labels for each language node. Data is defined inline in the HTML.

AI-generated description