Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

445be52448144b0291d4d83e1640913e

Fork of HTML Starter

0 stars0🌍 Public
YYamini Malikireddy
Last edited Apr 13, 2026
Created on Apr 13, 2026
Forked from HTML Starter

This example displays a top-down hierarchical tree chart representing an AI taxonomy, with a red root node, blue child nodes, and green leaf nodes arranged vertically. The visualization uses D3.js v7 and builds the tree structure with `d3.hierarchy` and the `d3.tree` layout algorithm, positioning the root at the top center. It renders the structure in an SVG canvas, drawing black links between nodes via `g.selectAll('line')` and labeling each node with its name using D3's text elements.

AI-generated description