We can render the script in a mermaid.js previewer: The final step is to enjoy the cup of tea. After the desired strength of tea is reached, milk and sugar can be added to taste. The tea is then steeped for a few minutes to allow the flavor to infuse into the water. Once the water is boiling, a tea bag is added to the hot water. The process for making a cup of tea starts by boiling water in a kettle or pot. Generate a flowchart using valid mermaid.js syntax that shows the process for making a cup of tea. The initial prompt for each new diagram type is started in a new thread. In most cases, I naively accept them and use them as the basis of the the nxt prompt. In this post, as well as demonstrating the range of diagram script types that can be generated, I also hope to hint at how we can use ChatGPT as part of an iteractive visual thinking process, getting ChatGPT to generate base diagrams and then using further prompts to iterate on them.Īs with my previous “chats”, I am not really looking to deeply at the correctness of the generated responses. So if it can generate code, can it also generate diagrams from descriptions by mapping the description onto a text based diagramming package language format? I’ve already posted a couple of demos showing that it can, but here’s a more general post on the topic. Automated layout engines, and style theming potentally give you a lot of flexibility in how the rendered diagram looks, although custom theming tends not to be explicitly offered in most of the diagramming packages of which I am aware.Īs a text generation engine, the ability of ChatGPT to generate code is well known. To me it seems like an obvious thing to do: it makes for more maintainable assets, and it can speed up iteration cycles if you are trying to get a the logicial, relational elements of the diagram right. This example flowcharts the well-known Greatest Common Denominator (GCD) algorithm in various programming languages.For years and years now I’ve tried to argue the case for using tools that will generate diagrams from text and never really met with much success. Prime numbers List prime numbers in range Perl Algorithm Description LanguageĮscapeHTML Escape special characters for HTML VB6 Short articles explaining with flow charts how simple algorithms work. Tip: Try printing a PDF file to see how Visustin charts look on your printer. PDF UML HTML Visio Validate credit card numbers JavaScript PDF UML HTML Visio Find number in array C PDF UML HTML Visio Sort number array (not recursive) C (pseudo) Uniform binary search PDF UML HTML Visio Sort number array (recursive) C PDF UML HTML Visio Generate maze with obfuscated code C PDF UML HTML Visio Get greatest common divisor with shifts C PDF UML HTML Visio Convert integer to roman number VB.NET PDF UML HTML Visio Determine if date is valid VB.NET PDF UML HTML Visio Get number of days in a month VB.NET See how much easier it is to understand the code by watching the flow chart rather than by reading the source alone. You get to see the same code as a flow chart, UML style activity diagram, Visio diagram and a PDF version. Algorithms flowchartedīelow you can find short algorithms flowcharted. All diagrams were created programmatically with no human adjustment. This page presents sample flow charts created by Visustin, the flow chart generator software. Visustin - Sample flow charts by the Visustin flowcharting tool
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |