Live Deployment: https://dovvnloading.github.io/MindMap-V2/
MindMap V2 is a high-performance visualization engine that transforms structured Markdown text into interactive, force-directed node graphs in real-time. Designed with a focus on neumorphic UI principles, it bridges the gap between linear text editing and spatial information management.
The application leverages recursive parsing algorithms to interpret indentation levels and header syntax, dynamically generating SVG trees using D3.js. It features a custom-built split-pane architecture allowing for simultaneous editing and viewing.
The project is built on a modern stack emphasizing type safety and rendering performance:
- Core Framework: React 19 (ESNext)
- Language: TypeScript (Strict Mode)
- Visualization Engine: D3.js (Data-Driven Documents) for complex hierarchy calculation and SVG rendering.
- Build Tool: Vite for High-Performance Module Replacement (HMR).
- Styling: Tailwind CSS combined with dynamic CSS variables for theme switching (Neumorphism).
- Markdown-to-Graph Parsing: Instant conversion of headers (
#) and list items into parent-child node relationships. - Bi-Directional Interaction: Manipulating the graph allows for node expansion/collapse, while the text editor drives the structure.
- Neumorphic Theming: A sophisticated light/dark mode implementation using soft-ui shadow calculations.
- Navigation Pins: A bookmarking system allowing users to tag and jump to specific nodes within large datasets.
- Intelligent Layouts: logic for auto-organizing content (A-Z, Z-A, and Smart Hierarchical Cleaning).
- High-Resolution Export: Canvas-based rendering engine to export vector maps as PNG files.
IMPORTANT: READ BEFORE VIEWING SOURCE
This repository is Source Available, not Open Source.
The source code, interface design, architecture, and specific implementation logic contained within this repository are the intellectual property of the developer. This repository is public strictly for educational purposes and portfolio demonstration.
- DO NOT clone, fork, or reproduce this application.
- DO NOT use this code as a base for your own commercial or non-commercial projects.
- DO NOT redistribute this software.
You are free to use the hosted application via the link provided above for its intended purpose (creating mind maps), but the underlying codebase is not licensed for modification or redistribution.