GraphMake
Turn data into infographics (PNG/SVG): 90+ templates, or KPI cards, charts, timelines and maps.
사용해야 할까요
품질 및 안전성
도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.
컨텍스트 비용
이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.
설치
원클릭 설치
`claude_desktop_config.json` 파일에 다음을 추가하세요:
{
"mcpServers": {
"graphmake": {
"url": "https://graphmake.com/api/mcp"
}
}
}원격 엔드포인트
https://graphmake.com/api/mcpstreamable-http할 수 있는 일
도구 목록
도구 (6)
🟢render_infographic(script, format, width, height)
Render GraphMake Script into an infographic image (PNG or SVG). GraphMake Script is a short line-based format, e.g. `title "..."`, `kpi "Label" "Value" icon=users`, `bar_chart "T" { Jan: 42\n Feb: 68 }`, `timeline { 2024: "Event" "detail" }`, `style bold` and `row { ... }` for side-by-side blocks; the full syntax is in the GraphMake Script reference. Returns the image and a link that opens it in the GraphMake editor for hand-editing and export. Script errors come back with the line number.
입력 스키마
{
"type": "object",
"properties": {
"script": {
"type": "string",
"description": "The GraphMake Script to render."
},
"format": {
"type": "string",
"enum": [
"png",
"svg"
],
"description": "png (default) returns an image; svg returns the SVG markup as text, ready to save to a file."
},
"width": {
"type": "number",
"description": "Optional canvas width in px (max 4000)."
},
"height": {
"type": "number",
"description": "Optional canvas height in px (max 8000)."
}
},
"required": [
"script"
]
}출력 스키마
{
"type": "object",
"properties": {
"format": {
"type": "string",
"enum": [
"png",
"svg"
]
},
"bytes": {
"type": "integer",
"description": "Size of the PNG or SVG in bytes. The image itself is in the content."
},
"editorUrl": {
"type": "string",
"description": "Opens the result in the free GraphMake editor, where it can be restyled and exported as PNG, SVG or PDF."
}
},
"required": [
"format",
"bytes",
"editorUrl"
]
}🟢graphmake_script_reference
The full GraphMake Script language reference: every widget, chart, theme, style, size and syntax rule, with examples.
입력 스키마
{
"type": "object",
"properties": {}
}출력 스키마
{
"type": "object",
"properties": {
"reference": {
"type": "string",
"description": "The language reference as Markdown."
}
},
"required": [
"reference"
]
}🟢list_templates(query, category)
List GraphMake's designed infographic templates: id, name, category, size and what each is for. An optional query such as "sales report", "timeline", "resume" or "comparison" ranks the best matches first; an optional category filters the list.
입력 스키마
{
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Optional words describing the infographic, e.g. \"sales report\"."
},
"category": {
"type": "string",
"enum": [
"business",
"education",
"marketing",
"health",
"technology",
"general"
],
"description": "Optional category filter."
}
}
}출력 스키마
{
"type": "object",
"properties": {
"count": {
"type": "integer"
},
"templates": {
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"type": "string"
},
"name": {
"type": "string"
},
"category": {
"type": "string",
"enum": [
"business",
"education",
"marketing",
"health",
"technology",
"general"
]
},
"width": {
"type": "integer",
"description": "Canvas width in px."
},
"height": {
"type": "integer",
"description": "Canvas height in px."
},
"description": {
"type": "string"
}
},
"required": [
"id",
"name",
"category",
"width",
"height",
"description"
]
},
"description": "Best match first when a query was given."
}
},
"required": [
"count",
"templates"
]
}🟢get_template(id, preview)
Read one template: its size, description and every editable text and number, as field keys with their current values (e.g. "w0.text": "Annual Report 2026", "w5.datasets.0.values": [820, 1050]). The same keys change the template when it is rendered. With preview set to true, the template's preview image is included.
입력 스키마
{
"type": "object",
"properties": {
"id": {
"type": "string",
"description": "Template id, e.g. \"business-stats\"."
},
"preview": {
"type": "boolean",
"description": "Also return the template preview image (default false)."
}
},
"required": [
"id"
]
}출력 스키마
{
"type": "object",
"properties": {
"id": {
"type": "string"
},
"name": {
"type": "string"
},
"category": {
"type": "string",
"enum": [
"business",
"education",
"marketing",
"health",
"technology",
"general"
]
},
"width": {
"type": "integer",
"description": "Canvas width in px."
},
"height": {
"type": "integer",
"description": "Canvas height in px."
},
"description": {
"type": "string"
},
"previewUrl": {
"type": "string",
"description": "The template preview image."
},
"fields": {
"type": "array",
"description": "Every editable text and number, with the key that changes it.",
"items": {
"type": "object",
"properties": {
"key": {
"type": "string",
"description": "Field key, e.g. \"w0.text\" or \"w5.datasets.0.values\"."
},
"widget": {
"type": "string",
"description": "The widget type the field belongs to."
},
"value": {
"description": "Current value: text, a number, or a list."
}
},
"required": [
"key",
"widget",
"value"
]
}
}
},
"required": [
"id",
"name",
"category",
"width",
"height",
"description",
"previewUrl",
"fields"
]
}🟢render_template(id, changes, format)
Render a template filled with new content. "changes" maps the template's field keys to new values, e.g. {"w0.text": "Q3 Sales Review", "w5.labels": ["Jul","Aug","Sep"], "w5.datasets.0.values": [42, 51, 63]}. Fields not included keep the template's sample content. Replacing a whole list (e.g. "w7.values": [{"label": "A", "value": 40}, ...]) changes how many items it has; each item keeps the colours of the item it replaces. Returns the image and a link that opens the filled template in the GraphMake editor.
입력 스키마
{
"type": "object",
"properties": {
"id": {
"type": "string",
"description": "Template id, e.g. \"business-stats\"."
},
"changes": {
"type": "object",
"description": "Field key -> new value, e.g. {\"w0.text\": \"Q3 Sales Review\"}."
},
"format": {
"type": "string",
"enum": [
"png",
"svg"
],
"description": "png (default) returns an image; svg returns the SVG markup as text."
}
},
"required": [
"id"
]
}출력 스키마
{
"type": "object",
"properties": {
"id": {
"type": "string"
},
"name": {
"type": "string"
},
"format": {
"type": "string",
"enum": [
"png",
"svg"
]
},
"bytes": {
"type": "integer",
"description": "Size of the PNG or SVG in bytes. The image itself is in the content."
},
"width": {
"type": "integer",
"description": "Width of the returned image in px (tall templates come back narrower)."
},
"editorUrl": {
"type": "string",
"description": "Opens the result in the free GraphMake editor, where it can be restyled and exported as PNG, SVG or PDF."
}
},
"required": [
"id",
"name",
"format",
"bytes",
"width",
"editorUrl"
]
}🟢open_in_editor(script)
Build a GraphMake editor URL that opens with the script already rendered on an editable canvas, where the infographic can be restyled by hand and exported as PNG, SVG or PDF.
입력 스키마
{
"type": "object",
"properties": {
"script": {
"type": "string",
"description": "The GraphMake Script to load."
}
},
"required": [
"script"
]
}출력 스키마
{
"type": "object",
"properties": {
"editorUrl": {
"type": "string",
"description": "Opens the result in the free GraphMake editor, where it can be restyled and exported as PNG, SVG or PDF."
}
},
"required": [
"editorUrl"
]
}커뮤니티
증거