top of page

Draw Block diagram & Flowchart in mins | Mermaid.js| Chatgpt |Prompt-Code-Diagram | Research support

Draw Block diagram & Flowchart in mins | Mermaid.js| Chatgpt |Prompt-Code-Diagram | Research support


Greetings, researchers! Are you grappling with creating block diagrams for your research articles or presentations? Fret not; there's a solution. We'll show you how to effortlessly convert text into block diagrams using a tool called Mermaid. Not only that, but we'll also explore pre-existing templates for your academic needs. Let's dive into today's video to uncover how you can draw block diagrams in minutes.

Mermaid: A Diagramming and Charting Tool

Mermaid is a JavaScript-based diagramming and charting tool that dynamically renders markdown-inspired text definitions into diagrams. It covers various diagram types such as flowcharts, sequence diagrams, class diagrams, and more. Today, we'll focus on creating flowcharts as they are commonly used in research and academia.

Drawing a Flowchart with Mermaid

Accessing Mermaid Live Editor:

  • Visit the Mermaid Live Editor to begin creating your diagrams.

Flowchart Syntax:

  • Navigate to the "Flowchart" section, and you'll find step-by-step syntax for drawing a flowchart.

Editing Flowchart:

  • Use the provided syntax to edit the flowchart according to your requirements. You can customize the text within the boxes and the flow of the diagram.

Download Options:

  • Once your flowchart is ready, you can download it as a PNG file by clicking on the "Download PNG" option. Adjust the width and height according to your preferences.

Dynamic Flowchart Generation with ChatGPT:

  • For a quicker solution, use ChatGPT to generate the Mermaid code. For example, provide a prompt like "Generate a flowchart using valid Mermaid JS syntax that shows a grid-connected solar PV with Boost converter and explain the process."

  • Copy the generated code and paste it into the Mermaid Live Editor.

Customization and Sharing:

  • Customize your flowchart further if needed and copy the image or download it in various formats. You can also share the diagram with others.

Important Announcement: Online Workshop

Before we conclude, an essential announcement: we're hosting an online workshop on "Mastering Conference and Journal Paper Writing with ChatGPT and AI Toolbox" on June 24th. The workshop covers various aspects of paper writing, including abstracts, literature reviews, and leveraging tools to enhance paper quality. Check the workshop details in the description and join us for valuable insights into effective paper writing.


In essence, Mermaid provides an efficient way to translate text into visually appealing block diagrams. Whether you're a researcher, educator, or student, this tool can save you time in creating professional-looking diagrams for your academic endeavors. Give it a try and simplify your block diagram creation process.

23 views0 comments

Recent Posts

See All


Rated 0 out of 5 stars.
No ratings yet

Add a rating
bottom of page