{"id":26819449,"url":"https://github.com/grayfallstown/chatgpt-diagram-renderer","last_synced_at":"2025-03-30T05:18:36.762Z","repository":{"id":241593954,"uuid":"805368786","full_name":"grayfallstown/chatgpt-diagram-renderer","owner":"grayfallstown","description":"Renders Diagrams like PlantUML, Mermaid and many more directly in the ChatGPT Webinterface using kroki.io","archived":false,"fork":false,"pushed_at":"2024-05-28T19:01:11.000Z","size":627,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-29T07:18:33.580Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grayfallstown.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-24T12:31:36.000Z","updated_at":"2024-06-08T10:45:07.306Z","dependencies_parsed_at":"2024-06-10T04:47:01.048Z","dependency_job_id":null,"html_url":"https://github.com/grayfallstown/chatgpt-diagram-renderer","commit_stats":null,"previous_names":["grayfallstown/chatgpt-diagram-renderer"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayfallstown%2Fchatgpt-diagram-renderer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayfallstown%2Fchatgpt-diagram-renderer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayfallstown%2Fchatgpt-diagram-renderer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayfallstown%2Fchatgpt-diagram-renderer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grayfallstown","download_url":"https://codeload.github.com/grayfallstown/chatgpt-diagram-renderer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246277474,"owners_count":20751580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-30T05:18:36.166Z","updated_at":"2025-03-30T05:18:36.757Z","avatar_url":"https://github.com/grayfallstown.png","language":"JavaScript","funding_links":["https://www.paypal.com/donate?hosted_button_id=PDLLVF5XVMJPC"],"categories":[],"sub_categories":[],"readme":"# ChatGPT Diagram Renderer\n\n*This extension is currently only available on firefox and microsoft extension stores! Due to issues Chrome store, Chrome support will take more time*\n\n---\n\n## ChatGPT Diagram Renderer\n\nRenders diagrams and charts like PlantUML, Mermaid, and many more directly in the ChatGPT web interface using [Kroki.io](https://kroki.io). This extension supports a variety of diagram types and ensures that all diagrams are rendered seamlessly within the chat.\n\n![Screenshot](docs/screenshot4.png)\n![Screenshot](docs/screenshot3.png)\n![Screenshot](docs/screenshot2.png)\n\n## Features\n\n- **Easy Diagram Rendering:** Automatically render diagrams written by ChatGPT.\n- **Dark Mode Support:** Darkmode automatically active when active in your system.\n- **Zoomable Images:** Click on diagrams to view them in a larger modal.\n- **Wide Format Support:** Supports multiple diagram formats via Kroki.io.\n\n## No Bullshit\n\n- No Ads\n- No trackers\n- No asking for rating the extension\n- No asking for donations in your browser\n- Only external service used is [Kroki.io](https://kroki.io) to render the images\n\n## Supported Diagrams\n\nThis extension supports the following diagram types:\n\n- ActDiag\n- BlockDiag\n- C4 with PlantUML\n- D2\n- DBML\n- Ditaa\n- Excalidraw\n- GraphViz\n- Mermaid\n- Nomnoml\n- NwDiag\n- PacketDiag\n- Pikchr\n- PlantUML\n- RackDiag\n- SeqDiag\n- SvgBob\n- Symbolator\n- UMLet\n- Vega\n- Vega-Lite\n- WaveDrom\n\n**Support for these formats is active, but might not work correctly**\n\n- Erd\n- Structurizr\n- TikZ\n- WireViz\n\n## Installation\n\n\u003c!-- Add extension store badges when available --\u003e\n\u003c!-- \n[![Chrome Web Store](https://developer.chrome.com/webstore/images/ChromeWebStore_Badge_v2_496x150.png)](https://chrome.google.com/webstore/detail/your-extension-id)\n--\u003e\n\n*In Stores:*\n\n- [Firefox Add-ons](https://addons.mozilla.org/de/firefox/addon/chatgpt-diagram-renderer/)\n- [Microsoft Add-ons](https://microsoftedge.microsoft.com/addons/detail/chatgpt-diagram-renderer/nppjndikhalonkcjjpoihcdijnlckcne)\n- Chrome Add-ons (will take a while)\n\nManual installation:*\n\n*Chrome*\n1. Download the ZIP file and extract it.\n2. Open Chrome and go to `chrome://extensions/`.\n3. Enable \"Developer mode\" in the top right.\n4. Click \"Load unpacked\" and select the extracted folder.\n\n*Edge*\n(You can use the [extension store link above](https://microsoftedge.microsoft.com/addons/detail/chatgpt-diagram-renderer/nppjndikhalonkcjjpoihcdijnlckcne) instead of doing this manually)\n1. Download the ZIP file and extract it.\n2. Open Edge and go to `edge://extensions/`.\n3. Enable \"Developer mode\" in the bottom left.\n4. Click \"Load unpacked\" and select the extracted folder.\n\n*Firefox*\n\n(You can use the [extension store link above](https://addons.mozilla.org/de/firefox/addon/chatgpt-diagram-renderer/) instead of doing this manually)\n1. Download the ZIP file and extract it.\n2. Open Firefox and go to `about:debugging#/runtime/this-firefox`.\n3. Click \"Load Temporary Add-on\".\n4. Select any file inside the extracted folder (e.g., manifest.json).\n\n*Opera*\n1. Download the ZIP file and extract it.\n2. Open Opera and go to `opera://extensions/`.\n3. Enable \"Developer mode\" in the top right.\n4. Click \"Load unpacked\" and select the extracted folder.\n\n\n## Pro Tip:\n\nTo enhance your experience on the ChatGPT web interface:\n- Click on your profile picture.\n- Select \"Customize ChatGPT\".\n- Scroll down to the second textarea.\n- Enter a text like: \"Make full use of all kroki.io supported formats to add one or more visualizations to your answers.\"\n\n## Donations\n\nIf you find this extension useful and would like to support its development, consider donating via PayPal.\n\n[![Donate](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/donate?hosted_button_id=PDLLVF5XVMJPC)\n\n## Acknowledgments\n\nSpecial thanks to the developers of [Kroki.io](https://kroki.io) and [Code Copilot](https://promptspellsmith.com/g/g-2DQzU5UZl) for their amazing tools and services.\n\n## License\n\nThis project is open source and licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n## Build\n\nSetup node js first!\n\nrun `build.bat` if you are on windows.\n\nOtherwise run:\n\n````bash\nnpm install\nnpm run build\ncd artifacts/\nls\n````\n\nNote: If you run this as a temporary extension and not from the extension stores, you need to click on the extension icon while using chatgpt or it will not load. It is a technical limitation of manifest v3.\n\n---\n\n*Thank you for using ChatGPT Diagram Renderer!*\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrayfallstown%2Fchatgpt-diagram-renderer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrayfallstown%2Fchatgpt-diagram-renderer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrayfallstown%2Fchatgpt-diagram-renderer/lists"}