Update README.md
Browse files
README.md
CHANGED
@@ -17,5 +17,159 @@ models:
|
|
17 |
- VIDraft/Gemma-3-R1984-4B
|
18 |
---
|
19 |
|
20 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
21 |
|
|
|
17 |
- VIDraft/Gemma-3-R1984-4B
|
18 |
---
|
19 |
|
20 |
+
ChartGPT : AI-Powered Multi Diagram Generator
|
21 |
+
|
22 |
+
<div align="center">
|
23 |
+
<h3>๐จ AI Service that Generates Professional Diagrams from Natural Language</h3>
|
24 |
+
<p>Based LLM 'Gemma-3-R1984-27B' Model. Powered by VIDraftโก</p>
|
25 |
+
<p><em>Ranked 2nd on Google DeepMind' FACTS Grounding Leaderboard</em></p>
|
26 |
+
</div>
|
27 |
+
|
28 |
+
Service Link: https://huggingface.co/spaces/openfree/Chart-GPT
|
29 |
+
|
30 |
+
๐ Overview
|
31 |
+
ChartGPT is an AI-based service that automatically generates professional diagrams from Korean and English prompts. Without needing to learn complex diagramming tools, simply describe what you want and AI will automatically generate structured diagrams.
|
32 |
+
|
33 |
+
๐ Core Technology
|
34 |
+
Based LLM: Gemma-3-R1984-27B
|
35 |
+
|
36 |
+
Achieved 2nd place on Google DeepMind FACTS Grounding Leaderboard
|
37 |
+
State-of-the-art language model with exceptional factuality and accuracy
|
38 |
+
Outstanding performance in both Korean and English
|
39 |
+
Optimized for complex structuring tasks
|
40 |
+
|
41 |
+
MCP (Model Context Protocol) Support
|
42 |
+
|
43 |
+
Standardized AI Integration: Full support for Anthropic's MCP protocol
|
44 |
+
Integration with Various AI Tools: Seamless integration with major AI services like Claude and ChatGPT
|
45 |
+
Extensible Architecture: Operates as an MCP server for easy connection with other applications
|
46 |
+
|
47 |
+
โจ Key Features
|
48 |
+
1. Support for 5 Diagram Types
|
49 |
+
|
50 |
+
๐บ๏ธ Concept Map: Visualize relationships between topics and related concepts
|
51 |
+
๐ Synoptic Chart: Display the overall structure of processes or systems at a glance
|
52 |
+
โ๏ธ Radial Diagram: Express structures expanding radially from a central concept
|
53 |
+
๐ Process Flow: Represent workflows or decision-making processes sequentially
|
54 |
+
๐ WBS Diagram: Display projects broken down hierarchically
|
55 |
+
|
56 |
+
2. AI-Based Automatic Generation
|
57 |
+
|
58 |
+
Generate diagrams from natural language prompts
|
59 |
+
Support for both Korean and English
|
60 |
+
Automatic structured JSON generation
|
61 |
+
|
62 |
+
3. Brave Search Integration
|
63 |
+
|
64 |
+
Reflect latest information through real-time web search
|
65 |
+
Generate more accurate and richer content
|
66 |
+
Optional activation
|
67 |
+
|
68 |
+
4. Flexible Output Formats
|
69 |
+
|
70 |
+
PNG format (high-quality images)
|
71 |
+
SVG format (vector graphics, infinitely scalable)
|
72 |
+
|
73 |
+
๐ MCP (Model Context Protocol) Utilization
|
74 |
+
ChartGPT supports MCP for integration with various AI applications:
|
75 |
+
MCP Use Cases
|
76 |
+
|
77 |
+
AI Agent Integration: AIs like Claude and GPT can directly request diagram generation
|
78 |
+
Workflow Automation: Automatically insert diagrams during document creation
|
79 |
+
Multimodal AI Pipeline: Automate text analysis โ diagram generation
|
80 |
+
|
81 |
+
๐ How to Use
|
82 |
+
Using the AI Assistant Tab
|
83 |
+
|
84 |
+
Enter Prompt
|
85 |
+
|
86 |
+
Describe the diagram you want in natural language
|
87 |
+
Example: "Create a flowchart showing the machine learning process"
|
88 |
+
|
89 |
+
|
90 |
+
Select Diagram Type
|
91 |
+
|
92 |
+
Choose the appropriate diagram type from the dropdown
|
93 |
+
|
94 |
+
|
95 |
+
Use Brave Search (Optional)
|
96 |
+
|
97 |
+
Activate checkbox when latest information is needed
|
98 |
+
Web search results will be reflected in diagram generation
|
99 |
+
|
100 |
+
|
101 |
+
Click Generate Button
|
102 |
+
|
103 |
+
AI automatically generates JSON structure
|
104 |
+
Diagram image automatically rendered
|
105 |
+
|
106 |
+
|
107 |
+
|
108 |
+
Direct JSON Input
|
109 |
+
Fine-tune by directly editing JSON in each diagram type tab
|
110 |
+
๐ฏ Use Cases
|
111 |
+
Business
|
112 |
+
|
113 |
+
Project planning (WBS)
|
114 |
+
Business process documentation (Process Flow)
|
115 |
+
Organizational chart creation (Radial Diagram)
|
116 |
+
|
117 |
+
Education
|
118 |
+
|
119 |
+
Learning content organization (Concept Map)
|
120 |
+
Course explanatory materials (Synoptic Chart)
|
121 |
+
Research topic structuring (Concept Map)
|
122 |
+
|
123 |
+
Technical Documentation
|
124 |
+
|
125 |
+
System architecture diagramming
|
126 |
+
API flow explanation
|
127 |
+
Data processing pipeline visualization
|
128 |
+
|
129 |
+
๐ง Advanced Configuration
|
130 |
+
Customizing JSON Structure
|
131 |
+
Each diagram type has its unique JSON structure:
|
132 |
+
Concept Map Example:
|
133 |
+
|
134 |
+
json{
|
135 |
+
"central_node": "Artificial Intelligence",
|
136 |
+
"nodes": [
|
137 |
+
{
|
138 |
+
"id": "ml",
|
139 |
+
"label": "Machine Learning",
|
140 |
+
"relationship": "includes",
|
141 |
+
"subnodes": []
|
142 |
+
}
|
143 |
+
]
|
144 |
+
}
|
145 |
+
|
146 |
+
Prompt Writing Tips
|
147 |
+
|
148 |
+
Be Specific: "AI classification system" โ "AI classification system including deep learning, machine learning, and natural language processing"
|
149 |
+
Specify Relationships: "A is part of B", "X leads to Y", etc.
|
150 |
+
Describe Hierarchical Structure: "A at the top level, with B and C below", etc.
|
151 |
+
|
152 |
+
๐ก Model Performance
|
153 |
+
Gemma-3-R1984-27B Features
|
154 |
+
|
155 |
+
High Factuality: 2nd place on Google DeepMind FACTS Leaderboard
|
156 |
+
Structuring Ability: Accurately understands complex relationships and hierarchical structures
|
157 |
+
Multilingual Support: Ensures equal quality in both Korean and English
|
158 |
+
Context Understanding: Accurately grasps prompt intent
|
159 |
+
|
160 |
+
๐ ๏ธ Tech Stack
|
161 |
+
|
162 |
+
Frontend: Gradio (with built-in MCP server)
|
163 |
+
AI Model: Gemma-3-R1984-27B (2nd on FACTS Grounding Leaderboard)
|
164 |
+
Diagram Engine: Graphviz
|
165 |
+
Search Engine: Brave Search API
|
166 |
+
Protocol: MCP (Model Context Protocol)
|
167 |
+
Language: Python
|
168 |
+
|
169 |
+
|
170 |
+
<div align="center">
|
171 |
+
<p>Made with โค๏ธ by VIDraft Team</p>
|
172 |
+
<p><strong>Powered by VIDraftโก</strong></p>
|
173 |
+
<p><em>MCP-enabled for seamless AI integration</em></p>
|
174 |
+
</div>
|
175 |
|