Convert YouTube videos into Mind Maps using ChatGPT
Tags: chatgpt, productivity, mermaid
Published: 2023-09-25 01:24:25

As a visual person I love Mind Maps. They’re a great way to visually organize complex ideas.

This got me thinking — Is it possible to get ChatGPT to generate a mind map highlighting the key concepts in a Youtube Video? Yes!

## Getting Started
You will need:

- ChatGPT 4
- VoxScript plugin (search ChatGPT plugin store for “VoxScript”)
- [https://mermaid.live/](https://mermaid.live/)

## Mermaid
Mermaid is a JavaScript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. mermaid.live takes the mermaid plain text format and creates visuals.

That’s about as much as you need to know to accomplish the task, but if you’re interested in learning more about the format read their [docs](https://mermaid.js.org/).

## VoxScript
VoxScript is a plugin that converts a YouTube url into a transcript, which ChatGPT can use as context to complete your prompt. This is really handy for a number of tasks, including summarizing long youtube videos, pulling out key insights, or creating outlines. For this, we’ll be using it to give ChatGPT the context it needs to generate a mind map.

## Prompt
The prompt for this is simple. We start by giving ChatGPT the instruction to read the transcript of a video, extract key concepts, and convert those into a mermaid mind map format. To insure ChatGPT understands this format we provide an example.



![Prompt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3dqfi8gbjrg83qfmqlx.png)

Or in plain text:

```
Output the following request in Mermaid Live Editor code
targeting the "mindmap" format. Get the entire transcript for
this video: [VIDEO] then extract the key concepts, why they're
imporant, related information, and make logical connections. If
you're unfamiliar with the mindmap diagram, I'll provide an
example:
"""
mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid
"""

VIDEO = https://www.youtube.com/watch?v=p9Q5a1Vn-Hk
```

After VoxScript provides the transcript for context, ChatGPT should return something that looks like this:

```
mindmap
  root((Inside OpenAI))
    OpenAI Origins
      ChatGPT & Dall-E
        Monster Hits
        Beat Tech Giants to Market
      Mira Marathi
        Chief Architect behind OpenAI's strategy
        AI that loves Humanity
        Challenges
          Hallucination
          Truthfulness
          Reliability
    AI Capabilities
      Neural Network
        Trained on massive data
        Predict next word in sentence
      ChatGPT
        Different way to understand information
        Intuitive searching vs keyword-based
      Misinformation
        AI can make up things (hallucinations)
        Need for awareness and not blindly relying on AI
    AI & Society
      Relationships with AI
        AI as a reliable tool
        AI's impact on jobs
          New jobs like prompt engineering
      AI's challenges
        Handling misinformation
        Addressing biases
    AI Gold Rush
      Venture Capitalists
        Investing in AI startups
      Blitzscaling
        Prioritizing speed over efficiency
      AI's potential
        Co-pilot for every profession
        Generative AI's broad touch
    Global Perspective
      AI's global impact
        Building industries of the future
      Responsible Innovation
        Need for trusted authority to audit AI systems
    AGI (Artificial General Intelligence)
      Risks
        Potential for human extinction
        Misalignment of goals between AI and humans
      Predictions
        Still far from AGI
        Powerful systems in the future
```

Simply copy and paste it to [mermaid.live](https://mermaid.live/) and it will generate your mind map:


![Mind Map of Video](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lriehom5m82pfkecbxh.png)

That’s it! With a plugin and a simple prompt we can create meaningful mind map representations of complex ideas in YouTube videos.

I encourage you to modify the prompt to see if you get better results and share those in the comments.