3 Repos
User interactions specifically designed for navigating tree structures, such as dragging and branch collapsing.
Distinct from DOM Node Navigation: Candidates focus on automated testing or DOM navigation; this is about end-user interactive exploration of a visual tree.
Explore 3 awesome GitHub repositories matching user interface & experience · Hierarchical Node Interactions. Refine with filters or upvote what's useful.
3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within
Enables drill-down exploration by revealing or hiding child nodes when clicking a parent node.
jless ist ein interaktiver JSON-Explorer und Kommandozeilen-Viewer zum Lesen und Navigieren in hierarchischen Datenstrukturen innerhalb des Terminals. Es fungiert als Terminal-JSON-Formatter, der Daten aus Dateien oder der Standardeingabe formatiert (Pretty-Print) und auch zeilenweise formatierte Formate unterstützt. Das Tool dient als JSON-Pfad-Extraktor, mit dem Benutzer Punkt- oder Klammer-Notation-Pfade von der Wurzel bis zu bestimmten Knoten identifizieren und kopieren können. Es enthält zudem ein Regex-Such-Utility, um spezifische Schlüssel und Werte innerhalb von JSON-Datensätzen mittels Volltext-Regulären Ausdrücken zu finden. Die Anwendung bietet Funktionen zur hierarchischen Datennavigation, mit denen Benutzer Objekte und Arrays ein- und ausklappen können. Es bietet Syntax-Highlighting, konfigurierbare Zeilennummerierung und die Möglichkeit, fokussierte Knotenwerte oder Schlüssel direkt in die Systemzwischenablage zu kopieren.
Provides interactive keyboard shortcuts to expand, collapse, and jump between hierarchical JSON nodes.
OrgChart is a JavaScript hierarchy visualization library and web-based editor used to render interactive organizational charts from JSON or HTML data sources. It functions as a JSON-driven tree mapper and interactive component for visualizing, exploring, and editing complex hierarchical structures. The library enables the real-time modification of parent-child and sibling relationships through drag-and-drop reorganization and dynamic node editing. It distinguishes itself by providing a visual editor for programmatically altering tree structures and managing organizational maps. The system in
Enables interactive exploration of the organization chart through node dragging, collapsing, and highlighting.