Skip to main content
100%

tree

✓ Published0🌍 Public
Vvydeeshm@gmail.com
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from D3 Starter

This example displays a hierarchical tree of programming languages, organizing them into compiled and interpreted categories with individual language leaves. The visualization uses d3.csv to load the data, d3.stratify to convert the flat table into a hierarchy, and d3.tree to compute the layout. Links are drawn with d3.linkHorizontal, while nodes differentiate types using shapes—circles for parent categories and diamonds for leaves—with a d3.scaleOrdinal assigning colors by depth. SVG rendering presents the final structure against a styled page background.

AI-generated description
MIT Licensed

Similar vizzes