Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

af477d3a1bf14b7790fb2b8a8f5a37b6

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