GraphMake
Turn data into infographics (PNG/SVG): 90+ templates, or KPI cards, charts, timelines and maps.
Sollte ich dies verwenden
Qualität und Sicherheit
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"graphmake": {
"url": "https://graphmake.com/api/mcp"
}
}
}Remote-Endpunkte
https://graphmake.com/api/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (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.
Eingabe-Schema
{
"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"
]
}Ausgabe-Schema
{
"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.
Eingabe-Schema
{
"type": "object",
"properties": {}
}Ausgabe-Schema
{
"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.
Eingabe-Schema
{
"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."
}
}
}Ausgabe-Schema
{
"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.
Eingabe-Schema
{
"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"
]
}Ausgabe-Schema
{
"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.
Eingabe-Schema
{
"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"
]
}Ausgabe-Schema
{
"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.
Eingabe-Schema
{
"type": "object",
"properties": {
"script": {
"type": "string",
"description": "The GraphMake Script to load."
}
},
"required": [
"script"
]
}Ausgabe-Schema
{
"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"
]
}Community
Nachweis