Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice - 8 Murali

Public visualization

Viewing a saved revision (read-only)

fafd6021b5384841a616c60383d9c139

ice - 8 Murali

0 stars0🌍 Public
MMuraliMohanMekala@my.unt.edu
Last edited Oct 31, 2025
Created on Oct 31, 2025
Forked from ice - 8 Ar

This example displays a hierarchical tree of programming languages, organized into object-oriented, functional, and scripting categories. The visualization uses a horizontal layout, with the root node on the left and child nodes branching to the right, and differentiates leaf nodes from parent nodes by color. The code constructs the tree using D3's `d3.tree()` layout and `d3.hierarchy()` functions, renders links as horizontal paths with `d3.linkHorizontal()`, and draws the node circles and text labels from the `root.descendants()`. The SVG output is styled with CSS classes and rendered within a fixed viewBox.

AI-generated description