openfree commited on
Commit
c0beaad
ยท
verified ยท
1 Parent(s): bc701dd

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +155 -1
README.md CHANGED
@@ -17,5 +17,159 @@ models:
17
  - VIDraft/Gemma-3-R1984-4B
18
  ---
19
 
20
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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