Mind Map Application

Check out the live demo on Netlify

---

Overview

The Mind Map Application is a browser-based tool that transforms Markdown text into dynamic, interactive, and visually appealing mind maps. It is designed to simplify idea organization and streamline information visualization.

---

Features

• Markdown Input: Write Markdown text to create structured mind maps with headings and lists.
• Dynamic Mind Map:
  • Automatically generates a hierarchical tree-like mind map.
  • Interactive navigation with zoom and pan support.
• Export as PNG:
  • Save your mind map as a high-quality PNG file with a white background.
• Responsive Layout:
  • Dynamically adjusts the layout for all nodes and sub-nodes.
• Color-Coded Nodes:
  • Root Node: Black
  • Parent Nodes: Green
  • Leaf Nodes: Pink
• Simple and Intuitive UI:
  • Markdown editor on the left and live mind map viewer on the right.

---

Technologies Used

• HTML5 and TailwindCSS: For a responsive and modern UI design.
• D3.js: For rendering and visualizing the mind map.
• Marked.js: Converts Markdown into HTML for processing.
• Canvas API: Enables the export of the mind map as a PNG image.

---

Usage

Clone the Repository

git clone https://github.com/your-username/mind-map.git
cd mind-map