# wanglin2/mind-map

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/wanglin2-mind-map).**

11,713 stars · 1,558 forks · JavaScript · mit

## Links

- GitHub: https://github.com/wanglin2/mind-map
- Homepage: https://wanglin2.github.io/mind-map-docs/
- awesome-repositories: https://awesome-repositories.com/repository/wanglin2-mind-map.md

## Topics

`graph` `jsmind` `mind-map` `mind-mapping` `mindmap` `mindmapping` `svg` `xmind`

## Description

This project is a comprehensive diagramming ecosystem that functions as both a standalone cross-platform desktop application and a modular JavaScript library for web-based mind mapping. It provides a visual workspace for structuring hierarchical information, allowing users to create, organize, and manipulate complex node trees through an interactive canvas interface.

The platform distinguishes itself through deep integration with artificial intelligence, enabling users to automatically generate, expand, and refine diagram content directly within their workspace. It supports real-time collaborative editing, allowing multiple users to synchronize operations and maintain consistent states across sessions. Furthermore, the architecture is built on a plugin-based system that facilitates extensibility, including specialized integrations for note-taking environments like Obsidian.

The system covers a broad range of professional diagramming capabilities, including advanced node management with rich text and formula support, associative linking between topics, and flexible layout configurations. It includes robust data portability tools for importing and exporting content in various formats, alongside presentation modes and visual styling options to support professional information sharing.

The software is available as a cross-platform desktop client for local file management and offline productivity, or as a library for embedding diagramming functionality into web applications.

## Tags

### Business & Productivity Software

- [Cross-Platform Desktop Utilities](https://awesome-repositories.com/f/business-productivity-software/cross-platform-desktop-utilities.md) — Provides a standalone cross-platform application for managing local mind map files with advanced batch operations and customization.
- [Information Organization Tools](https://awesome-repositories.com/f/business-productivity-software/information-organization-tools.md) — Structures complex ideas and knowledge bases through an interactive web interface for hierarchical information mapping.
- [Note Taking Tools](https://awesome-repositories.com/f/business-productivity-software/note-taking-tools.md) — Embeds interactive diagramming tools directly into note-taking workflows to organize visual structures alongside research materials.

### Development Tools & Productivity

- [Diagramming Tools](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools.md) — Provides a comprehensive visual workspace for structuring hierarchical information through interactive mind mapping diagrams.
- [AI-Driven Diagramming](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/visual-diagram-editors/ai-driven-diagramming.md) — Integrates artificial intelligence to automatically generate, expand, and refine hierarchical content within diagrams.
- [Artificial Intelligence Clients](https://awesome-repositories.com/f/development-tools-productivity/artificial-intelligence-clients.md) — Integrates external artificial intelligence services to automatically generate, expand, and refine diagram content directly within the workspace. ([source](https://wanglin2.github.io/mind-map-docs/blog.html))
- [Diagramming Integrations](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/diagramming-integrations.md) — Provides plugins to embed and edit diagrams directly within note-taking environments like Obsidian. ([source](https://wanglin2.github.io/mind-map-docs/client.html))
- [Local File Managers](https://awesome-repositories.com/f/development-tools-productivity/local-file-syncing/local-file-managers.md) — Supports local file management, batch operations, and directory scanning for desktop productivity. ([source](https://wanglin2.github.io/mind-map-docs/client.html))
- [Plugin Registration Systems](https://awesome-repositories.com/f/development-tools-productivity/plugin-registration-systems.md) — Implements a plugin-based architecture for registering and loading specialized features dynamically. ([source](https://wanglin2.github.io/mind-map-docs/start/start.html))

### Graphics & Multimedia

- [Interactive Diagramming Libraries](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/interactive-diagramming-libraries.md) — Ships a JavaScript library for rendering and editing interactive hierarchical diagrams in web applications.

### Artificial Intelligence & ML

- [Creative Content Generation](https://awesome-repositories.com/f/artificial-intelligence-ml/generative-ai-resources/prompt-engineering-libraries/creative-content-generation.md) — Leverages external intelligence services to automatically expand, refine, and brainstorm new nodes within diagrams.

### Web Development

- [Collaborative Editing Frameworks](https://awesome-repositories.com/f/web-development/collaborative-editing-frameworks.md) — Synchronizes node operations across multiple clients in real-time to support simultaneous multi-user diagram editing. ([source](https://wanglin2.github.io/mind-map-docs/api/constructor/constructor-options.html))
- [Real-Time Collaboration Tools](https://awesome-repositories.com/f/web-development/real-time-collaboration-tools.md) — Enables multiple users to work on the same diagram simultaneously with synchronized updates for team alignment.
- [DOM-to-Canvas Renderers](https://awesome-repositories.com/f/web-development/dom-to-canvas-renderers.md) — Renders hierarchical node trees directly onto an HTML5 canvas for high-performance visual manipulation.
- [Cross-Platform Desktop Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-desktop-frameworks.md) — Wraps the web-based diagramming engine in a native desktop shell for local file access and offline productivity.

### Content Management & Publishing

- [Diagram Exporting](https://awesome-repositories.com/f/content-management-publishing/content-formats-exporting/diagram-exporting.md) — Exports mind maps into common image or document formats with custom headers, footers, and scaling settings. ([source](https://wanglin2.github.io/mind-map-docs/api/constructor/constructor-options.html))
- [Document Exporting](https://awesome-repositories.com/f/content-management-publishing/content-formats-exporting/document-exporting.md) — Captures underlying document structures to convert mind map visualizations into static image files for sharing. ([source](https://wanglin2.github.io/mind-map-docs/blog.html))

### Software Engineering & Architecture

- [Hierarchical Data Structures](https://awesome-repositories.com/f/software-engineering-architecture/hierarchical-data-structures.md) — Maintains diagram state as a nested object structure mapping parent-child relationships for efficient traversal.
- [Plugin Architectures](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures.md) — Extends core functionality through a modular registration system that loads specialized feature plugins asynchronously.
- [Data Serialization Formats](https://awesome-repositories.com/f/software-engineering-architecture/data-serialization-formats.md) — Serializes internal tree structures into formats like JSON and Markdown to ensure interoperability with external services.

### User Interface & Experience

- [Desktop Applications](https://awesome-repositories.com/f/user-interface-experience/desktop-applications.md) — Provides a standalone cross-platform desktop client for local diagram management without browser dependencies. ([source](https://wanglin2.github.io/mind-map-docs/client.html))
- [Keyboard Navigation Shortcuts](https://awesome-repositories.com/f/user-interface-experience/navigation-components/keyboard-navigation-shortcuts.md) — Provides canvas navigation tools including zooming, panning, and keyboard shortcuts for complex diagrams. ([source](https://wanglin2.github.io/mind-map-docs/start/introduction.html))
- [Reactive State Synchronization](https://awesome-repositories.com/f/user-interface-experience/reactive-state-synchronization.md) — Propagates node operations across connected clients in real-time to maintain consistent diagram states during collaborative sessions.
- [Node Editors](https://awesome-repositories.com/f/user-interface-experience/ui-components/text-editors/node-editors.md) — Supports rich text, images, and formulas within individual map nodes for detailed information management. ([source](https://wanglin2.github.io/mind-map-docs/start/introduction.html))
- [Event-Driven Interaction Handlers](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/general-interaction-frameworks/interaction-models/event-driven-interaction-handlers.md) — Coordinates user inputs like dragging and zooming through a centralized event-driven controller to update the data model.
- [Visualization Layout Configurations](https://awesome-repositories.com/f/user-interface-experience/interface-layout-customization/visualization-layout-configurations.md) — Supports flexible node arrangement and layout configurations to improve information clarity in diagrams. ([source](https://wanglin2.github.io/mind-map-docs/en/))
- [Presentation Modes](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/presentation-modes.md) — Provides dedicated presentation modes to display complex information structures clearly to an audience.
- [Visual Theme Configurations](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations.md) — Allows applying custom styling, color schemes, and layout configurations to diagrams. ([source](https://wanglin2.github.io/mind-map-docs/api/constructor/constructor-options.html))

### Data & Databases

- [Data Import and Export](https://awesome-repositories.com/f/data-databases/data-import-and-export.md) — Converts map data between multiple formats including JSON and Markdown for interoperability with other software. ([source](https://wanglin2.github.io/mind-map-docs/en/))
- [Associative Linkers](https://awesome-repositories.com/f/data-databases/object-relational-mapping-associations/associative-linkers.md) — Enables drawing custom lines between nodes to represent non-hierarchical relationships. ([source](https://wanglin2.github.io/mind-map-docs/help/help1.html))