AI Image

Diagrams: Show Me

API Documentation

Introducing Diagrams: Show Me, a cutting-edge visualization tool that revolutionizes the way you communicate complex ideas and processes. Designed with both humans and AI in mind, this versatile platform features a wide range of diagram styles including schemes, diagrams, architecture visualizations, flow-charts, and mind maps. Export and edit with ease, making it ideal for collaborative projects and output customization. From illustrating server-client interactions to exploring the ideal budget breakdown, Diagrams: Show Me has got you covered. Its intelligent endpoints recognize user prompts ranging from visual explanations to timelines, while ensuring a seamless blend of visual and textual communication. Say goodbye to convoluted explanations and hello to efficient, crystal-clear visual storytelling with Diagrams: Show Me.

Share:

Tags:

#developer%20tools

Example Prompts

1.

"Show me diagram guidelines for a sequence diagram in UML."

2.

"Can you render a class diagram using PlantUML language?"

3.

"What are the guidelines for creating a network diagram in Nwdiag?"

4.

"I need to render a state diagram in Blockdiag language."

5.

"I want to use Rackdiag for my rack diagram, what are the guidelines?"

6.

"Can you provide the diagram guidelines for a deployment diagram in UML?"

7.

"Show me some ideas to improve my class diagram in Mermaid language."

8.

"Render my activity diagram in Actdiag."

9.

"What are some ideas to enhance my sequence diagram in Seqdiag language?"

10.

"I need to explore some diagram types in Graphviz language."

11.

"Can you render this graph diagram in Vega language?"

12.

"Show me guidelines for creating a Gantt chart in Mermaid."

13.

"What are some ways I can improve my object diagram in UML?"

14.

"Can you render this ERD in Structurizr?"

15.

"I need to explore diagrams that I can create using DBML."

16.

"Show me some guidelines for creating a requirement diagram in PlantUML."

17.

"Can you help me improve my Gitgraph diagram?"

18.

"Render this timeline in Mermaid."

19.

"What are some ideas to enhance my pie-chart in VegaLite?"

20.

"Show me some guidelines for creating a mindmap in Nomnoml."

21.

"Render this bar-chart in Vega language."

22.

"Can you provide some improvement ideas for my line-chart in VegaLite?"

23.

"I need to explore some diagrams I can create with Graphviz."

24.

"Render this histogram diagram in Vega."

25.

"What are some guidelines for creating a Gitgraph in PlantUML?"

Description for AI

When to Use This Plugin

You should use this plugin when people want visualizations. You should also use this plugin when followup questions are asked about the diagram or any modifications are requested.
Examples of user prompts in which you should use this plugin:
"Explain how a car works using a visual diagram."
"Describe the process of making a car."
"How does a car engine work?"
"Show me how ... works."
"Show me a diagram of ... ."
"Show me how UIView lifecycle works."

User Prompts for Plugin Use

Use this plugin if a user asks about: how something works, explain about a concept or how something is made, summarize a book, describe a process, and another user prompt that can be summarized or explained in the format of a diagram. Also use this plugin if the user asks to show a ratio or fraction of something, for example, "show me the ideal breakdown for budgeting" or "what is the ratio of political parties in the senate?". Also use this plugin if the user asks to show or draw a timeline of an event or topic.

How to use endpoints

  • When the user wants to see a diagram, use the /diagram-guidelines endpoint then always use the /render endpoint.
  • /render endpoint deals with the rendering of the diagram and gives an image and links to the diagram.
  • When the user selects a language, you have to send it to /diagram-guidelines, but if the user has not chosen a language, you should not send it
    Example usage of /diagram-guidelines
    User asks: "Show me example interactions between server and client"
    Request: /diagram-guidelines?diagramType=sequence
    Explanation: Sequence is the best diagram type for this use case, user has not specified diagram language to use so we are not sending it. We are letting /diagram-guidelines decide which language to use

User asks: "Show me example interactions between server and client in PlantUML"
Explanation: The user has specified the desired diagram type and language so we are sending both
Request: /diagram-guidelines?diagramType=sequence&explicitlyRequestedByUserDiagramLanguage=plantuml

  • When the user uses the key phrase "show ideas", use the /show-ideas endpoint.
  • When the user uses the key phrase "explore diagrams", use the /explore-diagrams endpoint.

# Please note:

  • Never provide textual description of the diagram, or diagram structure unless the user asks for it.
  • Never show diagram source code to the user unless the user asks for it, the user is usually not interested in the source code.
  • Do not explain the diagram guidelines of the endpoint unless the user asks for it.
  • Do not use the /explore-diagrams endpoint nor /show-ideas endpoint when the user does not use their respective key phrases

Diagram type recommendations

Below are recommendations for choosing the diagram type.

Graph

When to Use: Graph diagrams stand as a versatile choice, especially for displaying data that is not better represented by other specialized diagram types. They can portray a wide variety of structures and flows, including organizational charts, network diagrams, and state transitions. Suitable for illustrating relationships between elements and showcasing hierarchical relationships clearly and concisely, they find applications in diverse fields such as IT, business, and education. Whether it's delineating the dynamics of structures or representing complex systems, graph diagrams can be the optimal choice

Mindmap

When to Use: Mindmaps serve as a powerful tool for brainstorming and organizing information in a visual hierarchy. They facilitate the representation of concepts and ideas as interconnected nodes, helping in the synthesis of complex ideas and fostering creativity. Whether it's for educational purposes, planning projects, or delineating a narrative structure, mindmaps can be a go-to choice

Sequence

When to Use: Sequence diagrams are versatile tools that capture the interaction between different entities or components over time. They not only detail the flow of processes in systems but also highlight the order of operations, showcasing how each entity communicates with others. This makes them invaluable for visualizing complex scenarios in various domains, from software engineering to business process modeling, and even storytelling to depict a series of events

There are more diagram types available.

All supported diagram types are listed in the diagram guidelines endpoint specification.
You can choose them if you think they are more suatable for a given input, or if the user asks for them.
Some popular ones are entity relationship, timeline, class, user-journey, gantt, pie-chart

Similar Plugins and Alternatives