[5 Mins Docker] Build an AI-driven Online Chart Editor – Next-AI-Draw.io

• LLM-Powered Diagram Creation: Leverage Large Language Models to create and manipulate draw.io diagrams directly through natural language commands
• Image-Based Diagram Replication: Upload existing diagrams or images and have the AI replicate and enhance them automatically
• PDF & Text File Upload: Upload PDF documents and text files to extract content and generate diagrams from existing documents
• AI Reasoning Display: View the AI's thinking process for supported models (OpenAI o1/o3, Gemini, Claude, etc.)
• Diagram History: Comprehensive version control that tracks all changes, allowing you to view and restore previous versions of your diagrams before the AI editing.
• Interactive Chat Interface: Communicate with AI to refine your diagrams in real-time
• Cloud Architecture Diagram Support: Specialized support for generating cloud architecture diagrams (AWS, GCP, Azure)
• Animated Connectors: Create dynamic and animated connectors between diagram elements for better visualization

Steps to run with your own Docker

1 Get your own API Key

access this url: https://platform.openai.com/settings/organization/api-keys

Log in to get your own existing key or create a new key

2 Docker Run Command Template

docker run -d -p 3000:3000 / -e AI_PROVIDER=openai / -e AI_MODEL=gpt-4o / -e OPENAI_API_KEY=your_api_key / ghcr.io/dayuanjiang/next-ai-draw-io:latest

Or use an env file:

cp env.example .env # Edit .env with your configuration docker run -d -p 3000:3000 --env-file .env ghcr.io/dayuanjiang/next-ai-draw-io:latest

3 Modify with your own key

docker run -d -p 3000:3000 / -e AI_PROVIDER=openai / -e AI_MODEL=gpt-4o / -e OPENAI_API_KEY=sk-proj-_nbGvXgXbGUBu-BY75yGMFMTGLcJ2ODe867YDPCj3nlEDUnnhHTwzTuU3HRnsrgXvY1h9dGgoraST3BlbkFJW5L057B3Z00_X8vFAbN67qLqsfLRY9M_7kKGPkN0AO7bV4UB0xVl7QTGjqNQWDreNxtfi619JCwA / ghcr.io/dayuanjiang/next-ai-draw-io:latest

4 Access http://<IP / localhost /127.0.0.1>:3000 in your browser to see the application.

Videos