Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 Tree Layout

Public visualization

Viewing a saved revision (read-only)

d9f0d8dc78154bdda3b19246aad99908

ICE 8 Tree Layout

0 stars0🌍 Public
KKevin Raj
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from HTML Starter

This visualization presents a Lord of the Rings family tree as a hierarchical node-link diagram. Orange and black circles in varying sizes represent characters and their importance, while link strokes and node fills use color to indicate lineage levels. Built with d3.tree() on a manually defined hierarchical dataset, the SVG render positions nodes through the layout's coordinate mapping, and custom path elements draw the curved links between parent and child nodes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.