Read this article in English.

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

En Make es fácil juntar datos de muchos sitios: Google Sheets, tu CRM, tu tienda. Lo que no es tan fácil es enseñarlos. Un gráfico en el canal del equipo o en el email del lunes se entiende mucho mejor que una fila de números.

Make no tiene un módulo para dibujar gráficos, pero sí el módulo HTTP. Con él llamas a la API de Cofferdock, que recibe tus etiquetas y valores y te devuelve la imagen del gráfico.

Qué vas a conseguir

Un PNG con un gráfico de barras, líneas, tarta, dónut o radar, generado con los datos que ya tienes en tu escenario. El archivo sale del módulo HTTP listo para subirlo a Slack, adjuntarlo en un email o guardarlo en Google Drive.

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 escenario en Make con los datos que quieres dibujar.

Paso a paso con el módulo HTTP

Añade el módulo HTTP → Make a request y rellénalo así:

• URL: https://api.cofferdock.com/chart
• Method: POST
• Headers: añade uno con Name x-api-key y Value tu llave.
• Body type: Raw
• Content type: JSON (application/json)
• Parse response: No (queremos el archivo, no un texto).

En Request content pega el JSON del gráfico. Un ejemplo con cuatro valores que vienen de una fila de Google Sheets (el módulo 1 del escenario):

{
  "type": "bar",
  "title": "Ventas por trimestre",
  "labels": ["T1", "T2", "T3", "T4"],
  "series": [
    { "name": "Ventas", "data": [{{1.T1}}, {{1.T2}}, {{1.T3}}, {{1.T4}}] }
  ],
  "width": 800,
  "height": 500,
  "output": "binary"
}

Las partes {{1.T1}} las eliges en el panel de mapeo de Make, pulsando sobre los campos de la fila. Como son números, van sin comillas. El campo output: "binary" hace que la respuesta sea directamente la imagen.

Qué hacer con la imagen

La respuesta del módulo HTTP trae el archivo en el campo Data. En el siguiente módulo:

• Google Drive → Upload a File: en File name pon grafico.png y en Data mapea el campo Data del módulo HTTP.
• Slack → Upload a File: lo mismo, nombre y datos.
• Gmail → Send an email: en Attachments, añade uno con ese nombre y esos datos.

Un ejemplo completo

Un resumen trimestral que se envía solo:

1. Google Sheets → Watch New Rows: cada vez que añades el cierre de un trimestre.
2. HTTP → Make a request: crea el gráfico con los cuatro trimestres.
3. Gmail → Send an email: lo manda a dirección con el gráfico adjunto.

¿Y si los datos vienen en varias filas?

Si cada fila es un día o un producto, primero hay que juntar los valores. Usa un Array aggregator después del módulo que lee las filas y, en el cuerpo del HTTP, convierte esa lista en texto con la función join. Por ejemplo, para las etiquetas:

"labels": ["{{join(map(2.array; "Dia"); "\",\"")}}"]

y para los números, sin comillas alrededor:

"data": [{{join(map(2.array; "Ventas"); ",")}}]

Cambia 2 por el número de tu agregador y Dia y Ventas por los nombres de tus columnas.

Opciones que puedes cambiar

¿Cuánto cuesta?

Cada gráfico gasta 1 crédito de tu plan, del mismo saldo que usan el resto de herramientas de Cofferdock.

Preguntas frecuentes

¿Make tiene un módulo de gráficos? No de serie. Se hace con el módulo HTTP y la API de Cofferdock.

El módulo HTTP me da un error 400. Casi siempre es el JSON: comas que sobran, números entre comillas o una serie con más o menos valores que etiquetas. El mensaje de error dice qué campo falla.

¿Puedo recibir un enlace en vez del archivo? Sí. Pon "output": "url" y Parse response en Yes. Recibirás un enlace que dura 15 minutos.

Pruébalo

Todas las opciones están en la página de la herramienta de gráficos. Si aún no tienes cuenta, créala gratis y prueba el ejemplo en tu escenario.