Skip to content

Latest commit

 

History

History
47 lines (27 loc) · 1.66 KB

README_EN.md

File metadata and controls

47 lines (27 loc) · 1.66 KB

README

Natural language drawing Mermaid flow chart, based on OpenAI

中文 ｜ English

Project Introduction

This project is based on the API interface of OpenAI, using natural language to draw the Mermaid flow chart, which allows downloading the generated flow chart, or manually modifying the flow chart, etc.

image

image

Online demo environment: https://chat.tntsec.net

Note: You need to use your own Key

Here is an example:

2023-03-24.12.24.14.mov

Implemented

  • Support editing of Mermaid text
  • Support Mermaid text duplication
  • Support exporting Mermaid images to PNG and other formats

Future plan

  • Support exporting Mermaid images to SVG format
  • Can support dialogue mode, you can talk to the robot, and the robot will draw an optimized output Mermaid flow chart according to the dialogue content
  • better page style

how to use

  1. Clone the project code.
  2. Use yarn install to install the dependencies required by the project.
  3. Use yarn dev to view the running results.

main logic file

Currently all logic codes are in /src/App.vue.

Hope to get help

Since I am not a professional developer, the project is currently just a simple demo, and I hope to get help to improve the project better.