Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tree

Public visualization

tree

0 stars0🌍 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

Comments

Sign in to join the discussion.

MIT Licensed