Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice-8-tree

Public visualization

ice-8-tree

0 stars0🌍 Public
Ssravya010
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from HTML Starter

This tree visualization displays a hierarchical structure of food categories, showing the root "Food" node branching into Vegetarian, Non-Vegetarian, and Desserts, which further split into leaf nodes like Fruits, Chicken, and Ice Cream. Implemented with D3 v7, it converts the hierarchical JSON data using `d3.hierarchy`, positions nodes with the `d3.tree` layout, and renders links as vertical SVG paths via `d3.linkVertical`. Each node is drawn as a filled circle with a label, colored by depth level, using SVG within an HTML canvas.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed