Timing diagram online code#

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.

Timing diagram online code#

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. 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.