Read this article in English.

Cómo crear gráficos en n8n a partir de tus datos

Tienes los números en n8n (ventas de la semana, leads por canal, tickets abiertos) y quieres mandarlos como gráfico a Slack, por email o a Telegram. Un gráfico se entiende de un vistazo; una tabla de números, no.

n8n no trae un nodo para dibujar gráficos. Lo que sí trae es el nodo HTTP Request, y con él llamas a la API de Cofferdock, que recibe tus etiquetas y valores y te devuelve la imagen del gráfico lista para el siguiente paso.

Qué vas a conseguir

Mandas algo así:

• Unas etiquetas: Lunes, Martes, Miércoles…
• Una o varias series de números: las ventas de cada día.

Y recibes un PNG (o un SVG) con el gráfico. Hay cinco tipos: barras (bar), líneas (line), tarta (pie), dónut (doughnut) y radar (radar).

Lo que necesitas

• Una cuenta en Cofferdock. El plan gratis da 50 créditos al mes, sin tarjeta.
• Tu API key, que creas en el panel con "+ Crear llave".
• Un nodo HTTP Request en tu flujo.

Paso 1: junta los datos en una lista

Si tus datos vienen fila a fila (por ejemplo, de Google Sheets o de una base de datos), el gráfico necesita todas las etiquetas juntas y todos los valores juntos. Para eso está el nodo Aggregate:

• Aggregate: Individual Fields.
• Añade el campo con las etiquetas (por ejemplo dia) y el campo con los números (por ejemplo ventas).

La salida es un único elemento con dos listas: dia y ventas. Eso es justo lo que necesita el gráfico.

Paso 2: el nodo HTTP Request

Añade un nodo HTTP Request detrás y rellénalo así:

• Method: POST
• URL: https://api.cofferdock.com/chart
• Send Headers: actívalo y añade x-api-key con tu llave.
• Send Body: actívalo → Body Content Type: JSON → Specify Body: Using JSON.
• En Options → Response → Response Format elige File.

En el cuerpo pega esto:

{
  "type": "bar",
  "title": "Ventas de la semana",
  "labels": {{ JSON.stringify($json.dia) }},
  "series": [
    { "name": "Ventas", "data": {{ JSON.stringify($json.ventas) }} }
  ],
  "width": 800,
  "height": 500,
  "output": "binary"
}

Las dos expresiones {{ JSON.stringify(...) }} meten las listas que salen del nodo Aggregate. El campo output: "binary" hace que la respuesta sea la imagen tal cual, sin base64.

Paso 3: envíalo a donde quieras

La salida del nodo es un archivo PNG. Conéctalo a:

• Slack, con la operación de subir un archivo a un canal.
• Gmail, como adjunto de un informe semanal.
• Telegram, con "Send Photo".
• Google Drive, para guardar el histórico.

Un ejemplo completo

Un informe de ventas que llega solo cada lunes:

1. Schedule Trigger: todos los lunes a las 9:00.
2. Google Sheets: lee las ventas de la semana pasada.
3. Aggregate: junta días y ventas en dos listas.
4. HTTP Request: crea el gráfico de barras.
5. Slack: lo sube al canal del equipo con un mensaje corto.

Nadie tiene que abrir la hoja de cálculo para saber cómo fue la semana.

Opciones que puedes cambiar

Para comparar dos cosas (por ejemplo, este año y el anterior), añade una segunda serie con su propio name y sus números. Cada serie sale en un color.

¿Cuánto cuesta?

Cada gráfico gasta 1 crédito. El mismo saldo sirve para el resto de herramientas de Cofferdock: HTML a imagen, PDFs, capturas de webs, QR…

Preguntas frecuentes

¿n8n tiene un nodo de gráficos? No. Se hace con el nodo HTTP Request llamando a la API de Cofferdock.

¿Tengo que saber programar? No. Copias el JSON de arriba y cambias los nombres de tus campos.

Me sale un error de que los datos no coinciden. Cada serie tiene que tener tantos números como etiquetas haya. Revisa que el nodo Aggregate no se deje filas vacías.

¿Puedo recibir un enlace en vez del archivo? Sí. Cambia output a "url" y quita Response Format: File. Recibirás un enlace que dura 15 minutos.

Pruébalo

Tienes todas las opciones en la página de la herramienta de gráficos y en la referencia de la API. Si aún no tienes cuenta, créala gratis y monta tu primer informe hoy.