Mermaid Chart
Description
Visualize Mermaid Diagrams and fine-tune them in the Mermaid Chart editor.
Details
https://www.mermaidchart.com/.well-known/ai-plugin.json
{
"schema_version": "v1",
"name_for_human": "Mermaid Chart",
"name_for_model": "MermaidChart",
"description_for_human": "Visualize Mermaid Diagrams and fine-tune them in the Mermaid Chart editor.",
"description_for_model": "Use this functionality to make diagrams when users ask for diagrams or when answering a question where the answer would benefit from a visual representation.\nHere are some examples of user requests where this functionality would be appropriate to use:\n- \"Explain the process of photosynthesis.\"\n- \"display the steps to create a website.\"\n- \"Draw a diagram of ... .\"\n- \"Visualize how ... works.\"\n- \"How does a computer work?\"\n\n# Syntax examples for newer diagrams you don't know how to create yet\n\n## Timeline\n\nA timeline is a type of diagram used to illustrate a chronology of events, dates, or periods of time. It is usually presented graphically to indicate the passing of time, and it is usually organized chronologically. A basic timeline presents a list of events in chronological order, usually using dates as markers.\n\n```mermaid\ntimeline\n title History of Social Media Platform\n 2002 : LinkedIn\n 2004 : Facebook\n : Google\n 2005 : Youtube\n 2006 : Twitter\n```\n\n## Mind map\n\nA mind map is a diagram used to visually organize information into a hierarchy, showing relationships among pieces of the whole. It is often created around a single concept, drawn as an image in the center of a blank page, to which associated representations of ideas such as images, words and parts of words are added. Note that the level in the The syntax for creating Mindmaps is simple and relies on indentation for setting the levels in the hierarchy.\nA higher indentation then the previous row indicates that the item is a child of the previous item.\n\nImportant regarding the syntax for mermaid mind map code:\n- It is critical to indent the rows mindmap. Without indentation the rendering of the mindmap will fail!\n- There can only be one root element in a mindmap.\n- The root element is the element with the least indentation.\n- If there are two root elements the rendering will fail.\n- There can be noi - signs in the labels of the mindmap.\n\nIn the following example, look at the indentation of the rows in the diagram code. Root has the least indentation and the children of root has more space character in the start of the row giving a higher indentation resulting in the place in the hierarchy.\n{ \"mermaidCode\": \"mindmap\n root((mindmap))\n origin(Origins)\n long(Long history)\n Popularisation\n British popular psychology author Tony Buzan\n Research\n On effectiveness<br/>and features\n On Automatic creation\n Uses\n Creative techniques\n Strategic planning\n Argument mapping\n\"}\n\nWhen generating mind maps take extra care with the indentation in the beginning of the rows as this is used to determine the hierarchy of the mindmap. There can only be one element with the least indentation level otherwise the rendering will fail.\n\nAnother mindmap example:\n{ \"mermaidCode\": \"mindmap\n root)A single root) id(A shape in the form of a rounded square)\n id((A shape in the form of a circle))\n id))A shape in the form of a bang((\n id)A shape in the form of a cloud(\n\"}\n\n\n## Example of a quadrant chart\n\nA quadrant chart is a visual representation of data that is divided into four quadrants. It is used to plot data points on a two-dimensional grid, with one variable represented on the x-axis and another variable represented on the y-axis. The quadrants are determined by dividing the chart into four equal parts based on a set of criteria that is specific to the data being analyzed.\n\nHere is an example of a mermaid quadrant chart:\n\n{ \"mermaidCode\": \"quadrantChart\n title Reach and engagement of campaigns\n x-axis Low Reach --> High Reach\n y-axis Low Engagement --> High Engagement\n quadrant-1 We should expand\n quadrant-2 Need to promote\n quadrant-3 Re-evaluate\n quadrant-4 May be improved\n Campaign A: [0.3, 0.6]\n Campaign B: [0.45, 0.23]\n Campaign C: [0.57, 0.69]\n Campaign D: [0.78, 0.34]\n Campaign E: [0.40, 0.34]\n Campaign F: [0.35, 0.78]\"}\n\n# What to do with the response\n\n- When you get the response it will include an diagram url, \"diagramUrl\", render it inline using  syntax.\n- Inform the user that they can edit and **save** the diagram online using mermaid chart editor, \"linkToMermaidChartEditor\", render it inline using [link text](link) syntax.\n- You should create the response in that order: first the image, then suggestion to edit using works, then the edit link, then the textual explanation.\n\n",
"auth": {
"type": "none"
},
"api": {
"type": "openapi",
"url": "https://www.mermaidchart.com/chatgpt/openapi.json",
"is_user_authenticated": false
},
"logo_url": "https://www.mermaidchart.com/img/icon-logo.svg",
"contact_email": "hello@mermaidchart.com",
"legal_info_url": "https://www.mermaidchart.com/terms-and-conditions"
}https://www.mermaidchart.com/chatgpt/openapi.json
{
"openapi": "3.0.2",
"info": {
"title": "Mermaid Chart",
"version": "0.1"
},
"paths": {
"/rest-api/chatgpt/render-diagram": {
"get": {
"operationId": "render_diagram",
"tags": [
"Diagram",
"Mermaid",
"Flowchart",
"Mindmap",
"Timeline",
"Quadrant Chart",
"Gantt",
"Class Diagram",
"State Diagram",
"Entity Relationship Diagram",
"User Journey Diagram",
"Pie Chart",
"gitGraph",
"Sequence Diagram"
],
"summary": "Accepts a Mermaid diagram, processes it to create a visual representation, and provides a link to access the generated image.",
"parameters": [
{
"required": true,
"schema": {
"type": "string",
"description": "The code of the Mermaid Diagram to render",
"examples": {
"flowchart": "flowchart TB\\n A[\\\"Square Rect\\\"] -- \\\"Link text\\\" --> B((\\\"Circle\\\"))\\n A --> C(\\\"Round Rect\\\")\\n B --> D{\\\"Rhombus\\\"}\\n C --> D",
"mindmap": "mindmap\\n root((\"mindmap\"))\\n cloud)\"Origins\")\\n Long history\\n Popularisation\\n British popular psychology author Tony Buzan\\n Research\\n On effectivness<br/>and features\\n Tools\\n Pen and paper\\n Mermaid",
"timeline": "timeline\\n title Timeline of Industrial Revolution\\n section 17th-20th century\\n Industry 1.0 : Machinery\\n Industry 2.0 : Electricity\\n Industry 3.0 : Electronics, Computers\\n section 21st century\\n Industry 4.0 : Internet, Robotics"
}
},
"name": "mermaidCode",
"in": "query"
}
],
"responses": {
"200": {
"description": "Successful Response",
"content": {
"application/json": {
"schema": {
"type": "object",
"properties": {
"diagram": {
"type": "object",
"properties": {
"diagramUrl": {
"description": "URL to the generated diagram at Mermaid Chart",
"type": "string"
},
"linkToMermaidChartEditor": {
"type": "string",
"description": "Link to the online editor at Mermaid Chart for modifying the diagram"
},
"linkToMermaidChart": {
"type": "string",
"description": "Link to the Mermaid Chart website"
},
"errorMessage": {
"description": "Something went wrong when generated the diagram",
"type": "string"
}
},
"required": [
"diagramUrl",
"linkToMermaidChart"
]
}
},
"required": [
"diagram"
]
}
}
}
}
}
}
}
}
}Discover other plugins from the text to image category
2 VotesASCII Art
Convert any text to ASCII art.
0 Comments
0 VotesQuickChart Plugin
Plugin for generating charts and QR codes.
1 Comments
0 VotesScreenshot by Urlbox
Render HTML to an image or ask to see the web page of any URL or organisation.
0 Comments
0 VotesDALL-E App
Generate images using DALL·E
0 Comments
0 VotesPrompt Perfect
Type 'perfect' to craft the perfect prompt, every time.
0 Comments
0 VotesScreenshots by ScreenshotOne
Take screenshots of any website or organization, render HTML, or Markdown as an image or PDF.
0 Comments
0 VotesArtCollection
Search through millions of art pieces from The Metropolitan Museum of Art.
0 Comments
0 VotesCreate a QR code
Create a QR code for any text or url.
0 Comments
0 VotesGIF Search
Search through a wide range of gifs - Powered by Giphy.
0 Comments
0 VotesWebRewind
Get the picture of a website at a specific date.
0 Comments
0 VotesSpace Photo Explorer
Tool for exploring space through images including Mars Rover Photos, NASA image database, and space pictures of the day.
0 Comments
0 Votesdaigr.am
Build great looking charts and graphs.
0 Comments
0 VotesAstrodaily
Search and discover NASA images.
0 Comments
0 VotesDiagrams
Create and display diagrams from kroki.io or using networkx and matplotlib.
0 Comments
0 VotesNASA Media Explorer
Discover and learn about space exploration using NASA's vast media library!
0 Comments
0 VotesScreenshot by Urlbox
Render HTML to an image or ask to see the web page of any URL or organisation.
0 Comments
0 VotesPhotorealistic
Generate Photorealistic prompts for Midjourney.
0 Comments
0 VotesImage Prompt Enhancer
Transform your ideas into complex, personalized image generation prompts.
0 Comments
0 VotesWordCloud
Create word cloud images from text.
0 Comments
0 VotesSkrive
Envision your concepts through Diagrams. This tool allows you to create and modify diagrams within the chat interface.
0 Comments
0 VotesImageSearch
Discover complimentary images to enhance your generated article or to highlight specific paragraphs from Unsplash.
0 Comments
0 VotesCharts by Kesem AI
Generate charts. The user can request a chart to be generated.
0 Comments
0 VotesMixerBox PhotoMagic
Enhance photo resolution magically! Achieve clearer & more detailed visuals for your images!
0 Comments
0 VotesWhimsical
Create mindmaps and diagrams.
0 Comments
0 VotesSpirify QR Code
QR Code generator for text or URLs. It's a general-purpose tool that also enables QR code puzzle games with AI.
0 Comments
0 VotesCreative Mind
Unleash your imagination with Creative Mind, transforming text prompts into stunning visual art.
0 Comments
0 VotesColor Palette
Craft vibrant palettes from your ideas.
0 Comments
0 VotesEraser
Generate diagrams from code or natural language.
0 Comments
0 VotesMixerBox ImageGen
Generate AI Images via DALL·E 2! Create perfect prompts for Midjourney & Stable Diffusion pictures!
0 Comments
0 VotesDraw
Bring your ideas to life with diagrams. Craft, manage, and engage with your creations in a whole new way.
0 Comments
0 VotesArgil AI
Generate images without learning how to prompt.
0 Comments
0 VotesQR Codes
Create QR codes.
0 Comments
0 VotesMixerBox QR
Create stunning AI-generated QR code images instantly! Make your QR code leave a lasting impression!
0 Comments
0 VotesSuperStock Fine Art
Returns a set of URLs to examples of fine art requested by user.
0 Comments