dabeng/OrgChart

Features

• Hierarchical Tree Visualizers - Renders interactive visual components from a nested JSON data structure to represent hierarchical relationships.
• Interactive Editors - Ships a visual editor for adding, removing, and repositioning nodes within an organizational map.
• JSON Data Chart Renderers - Renders interactive hierarchy charts by visualizing structured data from JSON or HTML sources.
• SVG Chart Renderers - Implements a full SVG rendering pipeline to draw the organization chart hierarchy and connections in the browser.
• Chart Components - Provides a specialized user interface component for rendering and managing interactive organizational charts.
• Hierarchy Modification Tools - Provides tools for adding, deleting, and repositioning nodes to modify the organization's hierarchical structure.
• Coordinate-Based Positioning - Calculates spatial X and Y coordinates to position hierarchical nodes based on tree depth and sibling count.
• Data Explorers - Provides a visual interface for exploring large structural maps using zoom, pan, and collapsible branches.
• Hierarchy Reorganization - Enables real-time structural reorganization of the organization chart through interactive drag-and-drop actions.
• Hierarchy Reorganization - Enables real-time modification of parent-child and sibling relationships through interactive drag-and-drop.
• Visual Hierarchy Editors - Provides a web-based editor for programmatically and visually modifying parent-child relationships in a tree.
• Hierarchy Visualization Libraries - Offers a JavaScript library for rendering interactive tree-like organizational charts from JSON or HTML.
• Data Export - Provides the ability to export the current tree structure as a structured JSON data object.
• On-Demand Subset Loading - Implements on-demand loading of child nodes via AJAX to improve performance for large hierarchies.
• Viewport Transformations - Uses coordinate and viewport transformations to enable smooth panning and zooming across large charts.
• Visual Chart Exports - Allows users to export rendered organizational charts as PNG or PDF files for distribution.
• Directional Layout Configurations - Allows users to configure the visual direction of the chart, such as top-to-bottom or left-to-right.
• Node Style Templates - Utilizes custom node templates to define the internal structure and styling of hierarchical elements.
• HTML Fragment Injections - Allows injection of custom HTML or SVG fragments into node containers for flexible visual styling.
• Drag and Drop Libraries - Provides a drag-and-drop interaction library to modify parent-child relationships within the organizational hierarchy.
• Hierarchical Node Interactions - Enables interactive exploration of the organization chart through node dragging, collapsing, and highlighting.
• Tree Mapping - Functions as a JSON-driven tree mapper that converts structured data into navigable organizational diagrams.
• Viewport Management - Manages the global viewport, including zoom scaling and panning, to navigate large organization maps.
• Layout Management - Manages complex node graph layouts with support for vertical, horizontal, and hybrid orientations.
• Chart Visual Customizations - Supports visual customization of nodes through color-coding and external icon libraries to distinguish elements.
• Node Visibility Controls - Implements capabilities for expanding and collapsing nodes to isolate specific branches of the hierarchy.
• On-Demand Component Loading - Implements on-demand loading of child node data via AJAX to optimize initial chart load times.

Star history