Skip to content

linus-sch/Mind-Map-Wizard

Repository files navigation

Mind Map Wizard

AI-Powered Text to Mind Map Generator
Get a visual overview of any topic in seconds

Product showcase

Generate comprehensive mind maps about any topic using artificial intelligence.

Features

  • ✨ AI mind map generation
  • 🖼️ Downloading mind map (JPG, PDF, SVG, Text, Link)
  • 🔗 Sharing mind map
  • ✍️ Editing mind map
  • 📋 Generation history
  • 🔍 Zoom and panning

Why use Mind Map Wizard?

  • ✅ No Sign Up: Begin creating mind maps right away. No account needed.
  • ✅ Private & Fast: Your mind maps are stored locally on your browser, making them truly private. As a side effect, navigating the site is lightning fast!
  • ✅ Simple: Mind Map Wizard is designed to be simple and user-friendly, allowing you to focus on your work without distractions.

How It Works

  1. Enter Your Topic: Just type any topic you'd like to explore in the input field.
  2. AI Processing: Our AI will examine your topic and create a comprehensive mind map.
  3. Share Your Mind Map: Quickly view, edit, and share your beautifully crafted mind map in just seconds.

Roadmap

  • Done - Editing Mind Maps
  • Done - Sharing Mind Maps
  • Done - Downloading Mind Maps
  • Done - Renaming Mind Maps
  • Done - Inline code support for Mind Maps
  • Done - More export options e.g. PNG or PDF
  • Soon - Exploring further from specific branches
  • Soon - Multilinguality

Mind Map Generation Process

Creating a mind map involves a few simple steps. Here’s how it works:

  1. User Submits Topic:
    You start by entering a topic or subject that you want to explore in your mind map.

  2. Sending to AI Provider:
    Once you submit your topic, it gets sent off to the ChatGPT API.

  3. LLM Processes Request:
    The AI takes a moment to analyze your topic and comes up with a structured outline that captures the key ideas.

  4. Formatting the AI-Generated Markdown:
    The AI's output is then formatted into Markdown, which simplifies the definition of the mind map's branch hierarchy.

  5. Render as SVG: Finally, the Markdown is transformed into an SVG (Scalable Vector Graphics) format using markmap.js, giving you a visually appealing mind map.

System Prompt

You are a helpful assistant that generates well-structured mind maps. Please generate a Mind Map as Markdown text. It could look like this:
    
    # Matching Mind Map Title
    ## Branch 1
    ### Sub Branch A
    ### Sub Branch B
    ## Branch 2
    
Every text must be aligned to a specific level using a new line plus the level-specific amount of #s. If you make very large enumerations with more than 6 points, not every object needs a new branch; otherwise, the mind map will be too high. In such cases, simply make one branch with a comma-separated enumeration.
    
Structure your response exactly like this: 
    topic="{Here you formulate a good mind map title. It should not contain: Mind Map}", 
    markdown="{Your generated markdown Mind Map}". 
    
Avoid standard structures like Overview or Conclusion. It’s a mind map! Additionally, the mind map should go beyond simple category labels such as "Education" or "Examples". It must include specific details, such as relevant facts about their educational background (only in the case of a mind map about a person, of course! This was an example). 
    
Complete with facts, not just the basic starting point. If there’s too much content for a mind map, you can also shorten and go more general, but only if really necessary. Aim for 2-3 levels deep. The mind map shouldn’t be overwhelming! The mind map must be about: ${input}

How to Edit Mind Maps

Markmap mind maps are created and edited using Markdown syntax. The branch level is determined by the count of # symbols before the text:

Code Rendered Mind Map
# my mind map
    ## branch 1
    ## branch 2
        ### text
        ### text
An example mind map

There are also formatting options available for the texts in mind map branches.

Markdown Code Example How it Renders (within a branch)
**example branch** example branch
~~example branch~~ example branch
*example branch* example branch
`example branch` example branch
[Example Link](https://example.com) Example Link
![](IMAGE_URL) This renders an image.



Mind Map Wizard

Contact

If you have any questions or feedback, please get in touch with us.

contact@mindmapwizard.com

↑ Back to Top ↑