Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

7272bef714e249aa908f7e0fb69076ae

Tree

0 stars0🌍 Public
AAkrutiKhurana2103
Last edited Apr 2, 2022
Created on Apr 2, 2022

This interactive tree diagram displays a hierarchical decision flow for faced questions, with nodes representing statuses like "Visit," "Attempted," "Correct," and "Incorrect." Users click any node to collapse or expand its children, triggering smooth animated transitions. The visualization uses D3 v5's `tree` and `hierarchy` layouts alongside `linkHorizontal` for curved edges, with SVG rendering and zoom/pan support via `d3.zoom`. Node colors and labels are driven by embedded JSON data, and transitions are handled through D3’s `.transition()` methods with configurable durations.

AI-generated description