Creating Beautiful Flowcharts with Chat GPT, Mermaid Live & Overleaf

hey everyone welcome back to JW techbytes for all things Tech are you a programmer business analyst system analyst internal auditor oriented business process Improvement say goodbye to manually drawing flowcharts on PowerPoint and what shapes which can be tasky especially in the structure and on alignment today I'll show you how to create awesome flowchart diagrams with chat GPT mermaid.live and overlift if you're new here don't forget to hit that subscribe button and the bell icon to get notified on our future videos so first things first as usual you will need to have a charge GPT account then open a new chart we will enter our prompt for today's example we'll see use mermaid.js syntax to create a flowchart for ordering pizza and just like that the script is generated now scroll up and click copy code next open the mermaid live editor on default you should see a sample flowchart like this one note that you don't need to create an account to use mermaid live editor as you can see under sample diagrams you also have the ability to create different diagrams such as a sequence diagram flowchart like we saw earlier you can also create a class State an ER diagram for database administrators Gantt chart for projects and research and other options also you can create a mind map for brainstorming as you can see there's a lot you can do with mermaid for our case we will click on flow then delete the existing code and paste the code from chatgpt as you can see it automatically generates for you the flowchart under actions you have the option to copy image to clipboard or download as PNG you also have the option to zoom in to view the flowchart better by toggling on the pan and zoom option mermaid is a free powerful tool that helps you create different types of diagrams and with the help of chat jpt you can simply have chat GPT write the code a mermaid live editor generates the diagram now for option 2 I'll show you how to create flowcharts using overleaf head back to chatgpt and on a new chart we shall ask chatgpt to write a latex code of a flowchart with ships that illustrates the steps to take before starting a car once the code is generated simply scroll up and copy the code then go to overliff here you will need to register an account luckily they provide a free plan for one user once you are done click on create first project then select blank project then we'll give the project a name let's call this one flowchart then click create next you need to delete the code shown and then paste the code from charge GPT click recompile to generate the flowchart since I have a download manager it gives me the option to download the image immediately let me disable this and try again okay I have disabled the manager now refresh the browser as you can see it now shows the flowchart diagram and there you have it two simple and free ways to create amazing flowcharts it's easy peasy and takes less than 5 minutes so what do you say to cutting down five hours of manual drawing or flow charts to five minutes amazing right get started now I will leave links on the description below to make it easier to get started I hope you enjoyed this video and learned something new if you did please give this video a thumbs up and share it with your friends and if you have any questions or suggestions for future videos please leave them in the comments below thanks for watching and I'll see you on the next one

Channel: JW Tech Bytes

Views: 7,704

Keywords: mermaid live editor, overleaf latex, ai flowchart generator, chatgpt diagrams, draw with chatgpt, increase youtube views, get more youtube subscribers, learn chatgpt prompts, easy flowchart maker, ai writing assistant, ai graphics creator, latex flowcharts, mermaid markdown, beautiful diagrams with ai, free ai tools, chatgpt tutorials, responsible ai use, ai ethics, chatgpt4 guide, tech tutorials 2023, latex templates

Id: UyMlSzlB3J0

Length: 4min 8sec (248 seconds)

Published: Mon Jun 05 2023