Automatisation Google Drive avec n8n : téléchargement de graphiques
Ce workflow n8n a pour objectif d'automatiser le téléchargement de graphiques générés à partir de données JSON sur Google Drive. Dans un contexte où les entreprises ont besoin de partager rapidement des visualisations de données, ce processus permet de gagner du temps et d'améliorer la collaboration. Par exemple, une équipe marketing peut utiliser ce workflow pour créer des graphiques à partir de données de campagne et les stocker automatiquement sur Google Drive.
- Étape 1 : le workflow est déclenché manuellement par l'utilisateur via le noeud 'When clicking ‘Test workflow’'.
- Étape 2 : le noeud 'QuickChart' génère un graphique à partir des données spécifiées, en utilisant des options de personnalisation pour le type de graphique et les données.
- Étape 3 : les données JSON sont ensuite modifiées à l'aide du noeud 'Edit Fields: Set JSON data to test', permettant de préparer les informations pour le téléchargement.
- Étape 4 : enfin, le noeud 'Google Drive: Upload File' télécharge le graphique généré dans un dossier spécifique sur Google Drive. Les bénéfices business de ce workflow incluent une réduction significative du temps consacré à la création et au partage de graphiques, ainsi qu'une meilleure accessibilité des données pour les équipes, ce qui renforce la prise de décision basée sur les données.
Workflow n8n Google Drive, workflows, data visualization : vue d'ensemble
Schéma des nœuds et connexions de ce workflow n8n, généré à partir du JSON n8n.
Workflow n8n Google Drive, workflows, data visualization : détail des nœuds
Inscris-toi pour voir l'intégralité du workflow
Inscription gratuite
S'inscrire gratuitementBesoin d'aide ?{
"meta": {
"instanceId": "c6511943b220d4ab672ac957465b13db475def5fbbd0b0e41240952f5fd0c300"
},
"nodes": [
{
"id": "e0721f8a-d157-4ec4-91b3-94060a841dc8",
"name": "QuickChart",
"type": "n8n-nodes-base.quickChart",
"position": [
240,
-40
],
"parameters": {
"data": "={{ $json.jsonData.salesData }}",
"chartType": "line",
"labelsMode": "array",
"labelsArray": "={{ $json.jsonData.labels }}",
"chartOptions": {},
"datasetOptions": {}
},
"typeVersion": 1
},
{
"id": "b178ca51-357f-4731-8953-75e2370edc2d",
"name": "Edit Fields: Set JSON data to test",
"type": "n8n-nodes-base.set",
"position": [
-80,
-40
],
"parameters": {
"options": {},
"assignments": {
"assignments": [
{
"id": "1b3ae0ac-7fa5-406c-8e61-d6a9a6c27f07",
"name": "jsonData",
"type": "object",
"value": "={ \"reportTitle\": \"Quarterly Sales\", \"labels\": [\"Q1\", \"Q2\", \"Q3\", \"Q4\"], \"salesData\": [1250, 1800, 1550, 2100] }"
}
]
}
},
"typeVersion": 3.4
},
{
"id": "393665db-f6a6-4294-afd8-3a9f32192c64",
"name": "Google Drive: Upload File",
"type": "n8n-nodes-base.googleDrive",
"position": [
520,
-40
],
"parameters": {
"name": "=chart.{{ $binary.data.fileExtension }}",
"driveId": {
"__rl": true,
"mode": "list",
"value": "My Drive"
},
"options": {},
"folderId": {
"__rl": true,
"mode": "list",
"value": "root",
"cachedResultName": "/ (Root folder)"
}
},
"credentials": {
"googleDriveOAuth2Api": {
"id": "Vt3z79hk8lh9TUQq",
"name": "Google Drive account"
}
},
"typeVersion": 3
},
{
"id": "c4f2df73-50dc-4b9f-bcb8-43644c0cbed9",
"name": "Sticky Note",
"type": "n8n-nodes-base.stickyNote",
"position": [
-600,
-740
],
"parameters": {
"width": 1460,
"height": 1060,
"content": "## Chart Generator\n**Generate Dynamic Line Chart from JSON Data to Upload to Google Drive\n### How to Use & Customize\n\n* **Change Input Data:** Modify the `labels` and `salesData` arrays within the `Edit Fields: Set JSON data to test` node to use your own data. Ensure the number of labels matches the number of data points.\n* **Use Real Data Sources:** Replace the `Edit Fields: Set JSON data to test` node with nodes that fetch data from real sources like:\n * HTTP Request (APIs)\n * Postgres / MongoDB nodes (Databases)\n * Google Sheets node\n * Ensure the output data from your source node is formatted similarly (providing `labels` and `salesData` arrays). You might need another Set node to structure the data correctly before the QuickChart node.\n* **Change Chart Type:** In the QuickChart node, modify the `Chart Type` parameter (e.g., change from `line` to `bar`, `pie`, `doughnut`, etc.).\n* **Customize Chart Appearance:** Explore the `Chart Options` parameter within the QuickChart node to add titles, change colors, modify axes, etc., using QuickChart's standard JSON configuration options.\n* **Use Datasets (Recommended for Complex Charts):** For multiple lines/bars or more control, configure datasets explicitly in the QuickChart node:\n * Remove the expression from the top-level `Data` field.\n * Go to `Dataset Options` -> `Add option` -> `Add dataset`.\n * Set the `Data` field within the dataset using an expression like `{{ $json.jsonData.salesData }}`.\n * You can add multiple datasets this way.\n* **Change Output Destination:** Replace the `Google Drive: Upload File` node with other nodes to handle the chart image differently:\n * `Write Binary File`: Save the chart to the local filesystem where n8n is running.\n * `Slack` / `Discord` / `Telegram`: Send the chart to messaging platforms.\n * `Move Binary Data`: Convert the image to Base64 to embed in HTML or return via webhook response."
},
"typeVersion": 1
},
{
"id": "1af3cfc6-f690-4af2-a812-4a4da118a55c",
"name": "When clicking ‘Test workflow’",
"type": "n8n-nodes-base.manualTrigger",
"position": [
-400,
-40
],
"parameters": {},
"typeVersion": 1
}
],
"pinData": {},
"connections": {
"QuickChart": {
"main": [
[
{
"node": "Google Drive: Upload File",
"type": "main",
"index": 0
}
]
]
},
"When clicking ‘Test workflow’": {
"main": [
[
{
"node": "Edit Fields: Set JSON data to test",
"type": "main",
"index": 0
}
]
]
},
"Edit Fields: Set JSON data to test": {
"main": [
[
{
"node": "QuickChart",
"type": "main",
"index": 0
}
]
]
}
}
}Workflow n8n Google Drive, workflows, data visualization : pour qui est ce workflow ?
Ce workflow s'adresse principalement aux équipes marketing et aux analystes de données qui souhaitent automatiser la création et le partage de graphiques. Il est idéal pour les entreprises de taille petite à moyenne qui utilisent Google Drive pour la collaboration et le stockage de fichiers.
Workflow n8n Google Drive, workflows, data visualization : problème résolu
Ce workflow résout le problème de la lenteur et de la complexité liées à la création manuelle de graphiques à partir de données. En automatisant ce processus, les utilisateurs peuvent éviter les erreurs humaines et réduire le temps passé à générer des visuels. Cela permet également d'assurer que les graphiques sont toujours à jour et facilement accessibles sur Google Drive, ce qui améliore la collaboration entre les équipes.
Workflow n8n Google Drive, workflows, data visualization : étapes du workflow
Étape 1 : le workflow est déclenché manuellement par l'utilisateur.
- Étape 1 : un graphique est généré à l'aide du noeud 'QuickChart', qui prend en entrée des données JSON.
- Étape 2 : les données sont modifiées pour s'assurer qu'elles sont prêtes pour le téléchargement.
- Étape 3 : le graphique est ensuite téléchargé sur Google Drive via le noeud 'Google Drive: Upload File'.
Workflow n8n Google Drive, workflows, data visualization : guide de personnalisation
Pour personnaliser ce workflow, vous pouvez modifier les données JSON dans le noeud 'Edit Fields: Set JSON data to test' pour refléter vos propres informations. Vous pouvez également ajuster les paramètres du noeud 'QuickChart' pour changer le type de graphique ou les options de style. Assurez-vous que le dossier Google Drive spécifié dans le noeud 'Google Drive: Upload File' correspond à l'endroit où vous souhaitez stocker les fichiers. Pour une sécurité accrue, envisagez d'ajouter des contrôles d'accès sur le dossier Google Drive.