awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Hierarchical tree visualization

Ranking updated Sep 24, 2026

For hierarchical tree structures, the first results are lazychaser/laravel-nestedset (This library manages hierarchical tree data in relational databases using the nested set model integrated with Laravel Eloquent, though it lacks visual components like graphs or drag-and-drop reordering), mar10/fancytree (Fancytree is a JavaScript tree view library that directly fulfills your requirement for managing hierarchical data, supporting features like drag-and-drop reordering, asynchronous lazy loading, search and filtering, and JSON data structures) and frontend-collective/react-sortable-tree (This React component provides drag-and-drop reordering, visualization, and data management for hierarchical tree structures, though it lacks built-in asynchronous lazy loading and nested set model support). mui/mui-x and kodecocodes/swift-algorithm-club round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

Compare open-source JavaScript libraries for rendering hierarchical tree structures, organizational charts, and graphs on GitHub.

Hierarchical tree visualization

Find the best repos with AI.We'll search the best matching repositories with AI.
  • lazychaser/laravel-nestedsetlazychaser avatar

    lazychaser/laravel-nestedset

    3,801View on GitHub↗

    This library provides a framework for managing hierarchical data structures within relational databases using the nested set model. It integrates directly with the Laravel Eloquent object-relational mapping layer, allowing developers to store, query, and manipulate complex parent-child relationships within standard database tables. The package distinguishes itself by implementing boundary-based indexing to represent tree depth and node containment. This approach enables the retrieval of entire branches or specific ancestors, descendants, and siblings through optimized database queries rather

    This library manages hierarchical tree data in relational databases using the nested set model integrated with Laravel Eloquent, though it lacks visual components like graphs or drag-and-drop reordering.

    PHPNested Set ModelingNested Set Query InterfacesNested Set Rebalancers
    View on GitHub↗3,801
  • mar10/fancytreemar10 avatar

    mar10/fancytree

    2,961View on GitHub↗

    Fancytree is a JavaScript library designed for rendering and managing interactive, hierarchical data structures within web interfaces. It provides a framework for displaying complex nested information as tree views or grids, supporting both standard tree navigation and tabular data layouts. The library distinguishes itself through a modular plugin architecture that allows developers to inject custom behaviors and visual elements into the component lifecycle. It handles large datasets by implementing on-demand lazy loading, which fetches child nodes only when required to maintain responsivenes

    Fancytree is a JavaScript tree view library that directly fulfills your requirement for managing hierarchical data, supporting features like drag-and-drop reordering, asynchronous lazy loading, search and filtering, and JSON data structures.

    JavaScriptTree View ComponentsData View RenderersHierarchical Node Lazy Loadings
    View on GitHub↗2,961
  • frontend-collective/react-sortable-treefrontend-collective avatar

    frontend-collective/react-sortable-tree

    4,971View on GitHub↗

    This project is a React drag-and-drop tree component and tree data management utility used for rendering nested hierarchical data. It provides a sortable hierarchical list that allows users to manage parent-child relationships and visualize complex tree structures. The component enables interactive tree restructuring, where users can reorganize the hierarchy by dragging and dropping nodes to change their parent or sequence. It supports moving or copying nodes between different tree instances and provides controls to enforce movement restrictions based on custom logic or depth limits. The too

    This React component provides drag-and-drop reordering, visualization, and data management for hierarchical tree structures, though it lacks built-in asynchronous lazy loading and nested set model support.

    JavaScriptTree Reordering Components
    View on GitHub↗4,971
  • mui/mui-xmui avatar

    mui/mui-x

    5,791View on GitHub↗

    MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

    MUI X provides an advanced React tree view component alongside data grids and charts, making it a fitting UI library for managing and rendering hierarchical tree structures.

    TypeScriptTree Node ReorderersTree View Virtualizers
    View on GitHub↗5,791
  • kodecocodes/swift-algorithm-clubkodecocodes avatar

    kodecocodes/swift-algorithm-club

    29,099View on GitHub↗

    This project is a comprehensive collection of common computer science algorithms and data structures implemented in Swift. It serves as an educational reference and library for studying computational complexity, algorithmic logic, and data structure engineering through practical code examples. The repository provides a wide suite of data structure implementations, including various types of linked lists, heaps, hash tables, and an extensive range of hierarchical trees such as Red-Black, B-Tree, and Splay trees. It also covers diverse sorting and searching techniques, from basic bubble sort to

    This Swift repository provides educational implementations of foundational data structures including various tree types, making it a relevant code library for tree data despite lacking advanced UI visualization features.

    SwiftAlgorithm ImplementationsComputer Science EducationSwift Programming Guides
    View on GitHub↗29,099
  • weibangtuo/vue-treeweibangtuo avatar

    weibangtuo/vue-tree

    78View on GitHub↗

    A tree component

    This repository provides a tree component for Vue that handles hierarchical data visualization and UI interaction, though it lacks explicit built-in features for advanced models like nested sets or async lazy loading.

    JavaScriptUI
    View on GitHub↗78
  • cytoscape/cytoscape.jscytoscape avatar

    cytoscape/cytoscape.js

    10,857View on GitHub↗

    Cytoscape.js is a JavaScript library designed for rendering interactive node-link diagrams and analyzing complex network structures directly within a web browser. It functions as a comprehensive framework for building responsive graph interfaces, providing the tools necessary to visualize relational datasets and manage hierarchical data models. The library distinguishes itself through a modular architecture that supports custom layout algorithms and rendering styles, allowing for the integration of physics-based engines to organize complex network structures automatically. It utilizes an even

    Cytoscape.js is a powerful JavaScript network and graph visualization library, but it focuses on general node-link diagrams rather than specialized hierarchical tree data structures with nested sets and lazy loading.

    JavaScriptGraph Visualization LibrariesAutomated Graph LayoutsInteractive Graph Visualizers
    View on GitHub↗10,857
  • awslabs/diagram-makerawslabs avatar

    awslabs/diagram-maker

    2,417View on GitHub↗

    Diagram Maker is a web-based library designed for building interactive graph visualization and data modeling tools. It provides a framework for rendering node and link structures, allowing users to create custom editing environments where complex data relationships can be visualized and manipulated directly in the browser. The library utilizes a modular, plugin-driven architecture that enables developers to extend the core editing functionality to meet specific requirements without altering the underlying source code. It manages the application state through a centralized, immutable store, en

    Diagram Maker is a graph visualization and diagramming library rather than a hierarchical tree data structure manager, making it a neighbouring building block rather than the specific tool you are looking for.

    TypeScriptGraph Visualization LibrariesInteractive Graph Visualizers
    View on GitHub↗2,417
  • jacomyal/sigma.jsjacomyal avatar

    jacomyal/sigma.js

    12,069View on GitHub↗

    sigma.js is a JavaScript graph visualization library and WebGL network renderer designed for drawing large-scale network graphs in web browsers. It functions as a high-performance engine capable of rendering network structures containing thousands of nodes and edges interactively. The library provides a customizable graph engine that allows for the creation of specialized visualizations using low-level graphics primitives and custom drawing layers. It supports the rendering of diverse node shapes, such as images or piecharts, and enables the integration of graph visualizations as overlays on

    This repository is a network graph visualization library for rendering large-scale node-link diagrams, which is a different domain from managing hierarchical tree data structures.

    TypeScriptGraph Visualization Libraries
    View on GitHub↗12,069
  • apis-guru/graphql-voyagerAPIs-guru avatar

    APIs-guru/graphql-voyager

    8,144View on GitHub↗

    GraphQL Voyager is a schema visualizer and data model explorer that provides an interactive graph representation of a GraphQL API. It serves as a documentation tool for inspecting types and fields by transforming schema introspection data into a visual interface. The tool maps the relationships between different types and fields, allowing for the analysis of complex data models and their connections. Users can filter the visual representation to remove deprecated fields or wrapper classes and use a dedicated information panel to examine technical specifications for specific data types.

    GraphQL Voyager is an interactive schema visualizer for GraphQL APIs rather than a general-purpose hierarchical tree data structure library, though it does offer graph visualization capabilities.

    TypeScriptAutomated Graph LayoutsInteractive Graph Visualizers
    View on GitHub↗8,144
  • doctrine-extensions/doctrineextensionsdoctrine-extensions avatar

    doctrine-extensions/DoctrineExtensions

    4,143View on GitHub↗

    DoctrineExtensions is a collection of reusable behavioral extensions for Doctrine ORM designed to automate common entity tasks. It provides a system for tracking historical changes to database entities, implementing soft deletion workflows, managing nested set tree structures for hierarchical data, and storing translated field values based on language locales. The project distinguishes itself by providing specialized tools for entity auditing, which logs modified values and timestamps, and a translation framework for multilingual content management. It also includes a tree manager to organize

    DoctrineExtensions is a database ORM extension library that handles nested set modeling for hierarchical data, but it is a data persistence helper rather than a complete tree visualization or manipulation tool.

    PHPNested Set Modeling
    View on GitHub↗4,143
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
lazychaser/laravel-nestedset3.8KPHP—Apr 11, 2026
mar10/fancytree3KJavaScriptNOASSERTIONJun 19, 2026
frontend-collective/react-sortable-tree
5K
JavaScript
MIT
Feb 3, 2026
mui/mui-x5.8KTypeScript—Jun 23, 2026
kodecocodes/swift-algorithm-club29.1KSwiftMITDec 6, 2024
weibangtuo/vue-tree78JavaScriptMITApr 26, 2017
cytoscape/cytoscape.js10.9KJavaScriptmitJan 21, 2026
awslabs/diagram-maker2.4KTypeScriptApache-2.0Apr 26, 2023
jacomyal/sigma.js12.1KTypeScriptMITJun 9, 2026
apis-guru/graphql-voyager8.1KTypeScriptMITMay 12, 2026

Related searches

  • a reusable tree view component for web
  • Tree traversal library
  • a hierarchical document structure management tool
  • a software tool for managing hierarchical taxonomies
  • an open source hierarchical task manager
  • a tool for managing monorepo codebases
  • Developer learning path
  • a library of algorithms and data structures