"Show Me"插件是一个用于创建和显示可视化图表的工具，如流程图、状态图、思维导图等。这个插件使用Mermaid语法来创建图表。Mermaid是一种简单的标记语言，可以用来生成复杂的图表。

当用户请求需要可视化的信息时，你可以使用这个插件。例如，用户可能会请求"解释汽车如何工作并使用图表显示"或"描述制作汽车的过程"。在这些情况下，你可以使用"Show Me"插件来创建一个图表，解释这些过程。

例子

我们来尝试使用ShowMe插件, 看看如何加盟瑞幸咖啡.

文字版本回答

以下是申请加盟瑞辛咖啡的步骤的可视化图表（中文版）：

图略, 参考上图.

步骤如下：

开始：你首先需要对瑞辛咖啡进行研究，了解其品牌、产品和加盟政策。准备文件：根据瑞辛咖啡的要求，准备必要的文件和资料。提交申请：在瑞辛咖啡的官方网站上提交加盟申请。初步审查：瑞辛咖啡会对你的申请进行初步审查。面试：如果你通过了初步审查，瑞辛咖啡会安排面试。批准和签署协议：如果面试成功，你将获得批准并签署加盟协议。设置和培训：在签署协议后，你将进行店铺设置和员工培训。开业：最后，你可以开设自己的瑞辛咖啡店。

如果你想修改这个图表，甚至可以在线编辑。

ShowMe与ChatGPT交互原理

创建一个请求给插件API时，你需要使用Mermaid语法来创建图表，并将其传递给插件API进行渲染。例如，如果用户请求"显示VSCode内部工作原理的图表"，你可以创建以下请求：

jsonCopy code{  "mermaid": "graph TB\n  U[\"User\"] -- \"File Operations\" --> FO[\"File Operations\"]\n  U -- \"Code Editor\" --> CE[\"Code Editor\"]\n  FO -- \"Manipulation of Files\" --> FS[\"FileSystem\"]\n  FS -- \"Write/Read\" --> D[\"Disk\"]\n  FS -- \"Compress/Decompress\" --> ZL[\"ZipLib\"]\n  FS -- \"Read\" --> IP[\"INIParser\"]\n  CE -- \"Create/Display/Edit\" --> WV[\"Webview\"]\n  CE -- \"Language/Code Analysis\" --> VCA[\"VSCodeAPI\"]\n  VCA -- \"Talks to\" --> VE[\"ValidationEngine\"]\n  WV -- \"Render UI\" --> HC[\"HTMLCSS\"]\n  VE -- \"Decorate Errors\" --> ED[\"ErrorDecoration\"]\n  VE -- \"Analyze Document\" --> TD[\"TextDocument\"]\n"}

然后，你可以使用show_me.get_MermaidRoute方法将这个请求发送给插件API。API会返回一个包含图像URL的响应，你可以使用Markdown语法将图像嵌入到聊天中，例如。

此外，你还可以根据用户的反馈修改图表。例如，如果用户请求"将交叉节点绘制为绿色"，你可以修改Mermaid语法来满足这个请求，然后再次调用插件API。

最后，你应该提供对图表内容的文字解释。除非用户请求更多详细信息，否则请保持简洁。

#头条创作者##Ch­a­t­G­PT4##ChatGTP插件#