Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed