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"
]
}コミュニティ
エビデンス