Such a gem of a tool and what shines more is how you explain it so well plus the reference resource that you created. Thanks so much for sharing how mermaid can be an awesome visualisation tool paired with cgpt!
Been looking for software to help me make state diagrams after I prompt an LLM to create a UX flow for an app! This looks promising. Thank you for sharing this niche workflow.
🎯 Key points for quick navigation: 00:00 *🎨 The video demonstrates how to turn any idea into stunning visuals using AI, simplifying processes with clear diagrams.* 00:13 *📝 The presenter introduces himself as Mark, the founder of an AI agency specializing in integrating AI into company workflows.* 00:39 *🚀 The video will cover using the JavaScript-based tool Mermaid for creating various diagrams and charts.* 01:21 *🔍 Mermaid is a JavaScript-based charting tool that simplifies creating diagrams through its own syntax.* 01:50 *🤖 Large language models like ChatGPT can interpret Mermaid's syntax to create diagrams automatically.* 02:04 *🌐 Mermaid allows free accounts to create up to five diagrams, ideal for occasional use without needing a paid account.* 03:31 *📥 Diagrams created with Mermaid can be downloaded as PNG or SVG files, suitable for presentations and documents.* 04:12 *💡 Mermaid, combined with ChatGPT, helps visualize complex ideas and processes efficiently by generating logical and readable diagrams.* 05:18 *🐕 A practical example demonstrates creating a detailed diagram for dog care processes using Mermaid.* 06:14 *🚶♂️ Adjusting the process focus, Mermaid can tailor diagrams to specific tasks, such as dog walking, illustrating each step.* 07:48 *🎥 Mermaid can also be used to structure UA-cam video scripts, helping organize content logically.* 08:46 *📊 Mermaid supports various diagram types including flowcharts, sequence diagrams, Gantt charts, and entity relationship diagrams.* 09:01 *🗂️ Entity Relationship Diagrams (ERD) in Mermaid help visualize database schemas and relationships.* 11:36 *✨ Mermaid diagrams can be customized with different styles and CSS, allowing for personalization and brand consistency.* 13:26 *📚 The presenter offers 43 example prompts for creating diverse diagrams using Mermaid, aiming to inspire creative uses of the tool.* Made with HARPA AI
Obsidian allows for ai integration and mermaid in previews. Similarly you can also use vscode with ai and mermaid extensions to get the same integrated result without copy paste ...
Obsidian is awesome, I use it all the time; the main focus of this video was to equip as many people as possible that might not be exposed to VS code nor Obsidian in their day-to-day 😌
I’d imagine that would be thousands of records, so what I would do is have an LLM scan through batches (ideally programmatically using Python) and create a customer journey summary using mermaid syntax, and when it’s done, provide all the ‘various’ journeys to GPT to create the overarching recurring journey. A bit meta but possible.
How do you get that popup above the chat text field that allows you to dictate text? I don't have it in my ChatGPT, so I suppose it's some extension or app. Love the video ❤
Such a gem of a tool and what shines more is how you explain it so well plus the reference resource that you created. Thanks so much for sharing how mermaid can be an awesome visualisation tool paired with cgpt!
I'm so happy you share the love for it I do :)
My pleasure and thank you so much for the feedback
Been looking for software to help me make state diagrams after I prompt an LLM to create a UX flow for an app! This looks promising. Thank you for sharing this niche workflow.
so happy I could help Reid! My pleasure.
Bro always has the best ideas love it Mark
appreciate you as always brother!
🎯 Key points for quick navigation:
00:00 *🎨 The video demonstrates how to turn any idea into stunning visuals using AI, simplifying processes with clear diagrams.*
00:13 *📝 The presenter introduces himself as Mark, the founder of an AI agency specializing in integrating AI into company workflows.*
00:39 *🚀 The video will cover using the JavaScript-based tool Mermaid for creating various diagrams and charts.*
01:21 *🔍 Mermaid is a JavaScript-based charting tool that simplifies creating diagrams through its own syntax.*
01:50 *🤖 Large language models like ChatGPT can interpret Mermaid's syntax to create diagrams automatically.*
02:04 *🌐 Mermaid allows free accounts to create up to five diagrams, ideal for occasional use without needing a paid account.*
03:31 *📥 Diagrams created with Mermaid can be downloaded as PNG or SVG files, suitable for presentations and documents.*
04:12 *💡 Mermaid, combined with ChatGPT, helps visualize complex ideas and processes efficiently by generating logical and readable diagrams.*
05:18 *🐕 A practical example demonstrates creating a detailed diagram for dog care processes using Mermaid.*
06:14 *🚶♂️ Adjusting the process focus, Mermaid can tailor diagrams to specific tasks, such as dog walking, illustrating each step.*
07:48 *🎥 Mermaid can also be used to structure UA-cam video scripts, helping organize content logically.*
08:46 *📊 Mermaid supports various diagram types including flowcharts, sequence diagrams, Gantt charts, and entity relationship diagrams.*
09:01 *🗂️ Entity Relationship Diagrams (ERD) in Mermaid help visualize database schemas and relationships.*
11:36 *✨ Mermaid diagrams can be customized with different styles and CSS, allowing for personalization and brand consistency.*
13:26 *📚 The presenter offers 43 example prompts for creating diverse diagrams using Mermaid, aiming to inspire creative uses of the tool.*
Made with HARPA AI
Thanks so much . Was looking for this today
My absolute pleasure, so happy to hear that!
This is such a goldmine. Will definitely be using this at work.
Subscribed to your channel!
So happy I could provide value by showing this -- awesome to hear!
Obsidian allows for ai integration and mermaid in previews.
Similarly you can also use vscode with ai and mermaid extensions to get the same integrated result without copy paste ...
Obsidian is awesome, I use it all the time; the main focus of this video was to equip as many people as possible that might not be exposed to VS code nor Obsidian in their day-to-day 😌
bro you are a life Saviour. great keep it up
Hahaha I’m glad this helped you, appreciate the kind words 🦾
Hey Planet earth, Uncle Mark is dropping those knowledge 💣's again. P
Is it possible to upload something like clickstream data and have it generate customer journey like map?
I’d imagine that would be thousands of records, so what I would do is have an LLM scan through batches (ideally programmatically using Python) and create a customer journey summary using mermaid syntax, and when it’s done, provide all the ‘various’ journeys to GPT to create the overarching recurring journey.
A bit meta but possible.
Always look forward to your videos 😊
I always look forward to your comment haha!
How do you get that popup above the chat text field that allows you to dictate text? I don't have it in my ChatGPT, so I suppose it's some extension or app. Love the video ❤
thanks so much Polina!
it's a chrome extension called Voice Control (free):
bit.ly/3W0BNLU
43rd times the charm ha that’s EPIC
haha thank you! No one has ever commented on it since I started 😅