Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed