GraphMake
Turn data into infographics (PNG/SVG): 90+ templates, or KPI cards, charts, timelines and maps.
¿Debería usar esto?
Calidad y seguridad
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"graphmake": {
"url": "https://graphmake.com/api/mcp"
}
}
}Puntos de conexión remotos
https://graphmake.com/api/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (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.
Esquema de entrada
{
"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"
]
}Esquema de salida
{
"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.
Esquema de entrada
{
"type": "object",
"properties": {}
}Esquema de salida
{
"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.
Esquema de entrada
{
"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."
}
}
}Esquema de salida
{
"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.
Esquema de entrada
{
"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"
]
}Esquema de salida
{
"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.
Esquema de entrada
{
"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"
]
}Esquema de salida
{
"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.
Esquema de entrada
{
"type": "object",
"properties": {
"script": {
"type": "string",
"description": "The GraphMake Script to load."
}
},
"required": [
"script"
]
}Esquema de salida
{
"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"
]
}Comunidad
Evidencia