Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8-Q2.2-Tree-Generations-Colored

Public visualization

Viewing a saved revision (read-only)

8a636c96e02c436d97118b53d69d5e88

ICE-8-Q2.2-Tree-Generations-Colored

0 stars0🌍 Public
LLikhitaMudagereShivaraj@my.unt.edu
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from HTML Starter

This visualization displays a hierarchical tree of programming language paradigms, with generations distinguished by both color and symbol shape. The root and three descending depth levels use a D3 ordinal scale mapping to specific colors and D3 symbol types (star, circle, square, triangle). The code renders the tree using d3.tree() layout with horizontal links via d3.linkHorizontal(), and draws nodes as SVG paths generated by d3.symbol(). Data is hardcoded in JavaScript, showing the relationship from Programming through Imperative, Object-Oriented, and Functional categories down to individual languages.

AI-generated description