Latenode

Diagramm aus Tabellendaten erstellen

Diese Automatisierung wandelt tabellenähnliche Eingaben in ein visuelles Diagramm um. Sie beginnt mit Rohdaten, nutzt ChatGPT, um Bezeichnungen und Werte in strukturiertes JSON zu extrahieren, und erstellt dann ein HTML-basiertes Chart.js-Liniendiagramm.

Dieses Diagramm wird in einem Headless-Browser gerendert, und die Leinwand wird als base64-kodiertes PNG-Bild erfasst. Schließlich wird der base64-Puffer in ein sauberes Bild umgewandelt. Ideal für alle, die schnell und automatisch Rohdaten oder tabellarische Daten in visuelle Berichte umwandeln möchten.

Aktualisiert Aug 31, 2026Geschätzte Laufzeit: 5sGeschätzte Kosten: $0,01
Wie Latenode Zeit und Kosten schätzt

Latenode berechnet die Workflow-Laufzeit in CPU-Sekunden. Die ersten 10.000 CPU-Sekunden sind jeden Monat kostenlos, danach gilt die Pay-as-you-go-Preisgestaltung pro CPU-Sekunde. Plug-and-Play (PnP) AI-Knoten werden separat abgerechnet — jedes PnP-Token kostet 1 USD, pay-as-you-go zum Herstellerpreis plus einer kleinen Bearbeitungsgebühr, ohne erforderliche API-Schlüssel.

Vollständige Preise — So funktionieren CPU-Sekunden →

Workflow-Vorschau

Was diese Vorlage macht

  • Rohe Tabellendaten in ein poliertes Liniendiagramm-Bild umwandeln
  • ChatGPT strukturiert die Daten; JavaScript baut das Chart.js-HTML
  • Headless Browser rendert und erfasst automatisch ein PNG
  • Schneller Weg von tabellenähnlicher Eingabe zu einem teilbaren Visual Report

So funktioniert es

1
Trigger

Rohe Tabellendaten liefern

Führen Sie tabellenähnliche Zeilen als Diagrammquelle in das Szenario ein.

2
AI

Labels und Werte strukturieren

ChatGPT extrahiert Labels und Werte in strukturiertes JSON, bereit fürs Charting.

3
Logik

Chart.js-Seite zusammenbauen

JavaScript baut aus dem strukturierten JSON ein HTML-Liniendiagramm.

4
Aktion

Mit Headless Browser rendern

Der Headless Browser öffnet das Diagramm, erfasst die Canvas als Base64-PNG und wandelt sie in ein sauberes Bild um.

Einrichtungsanleitung

1

ChatGPT verbinden

Fügen Sie ChatGPT-Credentials hinzu, damit die Tabellenextraktion nach JSON laufen kann.

2

JavaScript-Chart-Builder prüfen

Öffnen Sie den JavaScript-Node und bestätigen Sie, dass die Chart.js-HTML-Ausgabe zu den Feldern Ihrer Tabellen passt.

3

Headless-Browser-Capture aktivieren

Stellen Sie sicher, dass der Headless-Browser-Node das HTML rendern und ein PNG zurückgeben kann, und testen Sie mit einem kleinen Datensatz.

Anforderungen

Latenode-Konto
ChatGPT-Credentials für die Datenstrukturierung
Zugang zu JavaScript- und Headless-Browser-Nodes
Tabellen- oder tabellenähnliche Eingabe zur Visualisierung

FAQ

Häufige Fragen zu dieser Vorlage

Es automatisiert Extraktion, Chart.js-Rendering und PNG-Capture — Sie erhalten einen Visual Report, ohne Diagramme von Hand zu bauen.

Weitere Vorlagen

Das könnte Ihnen auch gefallen

Alle Vorlagen durchsuchen →

123FormBuilder zu Insightly: Leads aus Formulareinreichungen erstellen

Das manuelle Kopieren von Formularantworten in Ihr CRM verschwendet Zeit und birgt Fehlerrisiken. Diese Integration erfasst jedes neue Einreichungsereignis von 123FormBuilder und nutzt es, um einen Lead in Insightly zu erstellen. Dabei werden der Name, die E-Mail-Adresse und benutzerdefinierte Felder des Befragten direkt in einen neuen Lead-Datensatz übernommen. Marketingmanager und Vertriebsteams können die Dateneingabe eliminieren und Leads sofort für Nachverfolgungen in Insightly erfassen. Durch die Verbindung der Formularerfassung von 123FormBuilder mit dem CRM von Insightly halten Sie Ihre Vertriebspipeline ohne manuelle Arbeit gefüllt.

8s~$0.002

Neue ClickFunnels-Kontakte an eine Mailchimp-Zielgruppe senden

Das manuelle Exportieren von Leads aus ClickFunnels und Importieren in Mailchimp ist langsam und fehleranfällig. Diese Automatisierung verwendet den Trigger "Neuer Kontakt identifiziert" in ClickFunnels und die Aktion "Abonnenten hinzufügen oder aktualisieren" in Mailchimp, um jede neue Formulareinreichung zu erfassen und den Kontakt in Ihrer ausgewählten Zielgruppe hinzuzufügen oder zu aktualisieren. Marketing-Automation-Manager und Geschäftsinhaber, die ClickFunnels-Trichter betreiben, können dieses Paar nutzen, um ihre Mailchimp-Zielgruppe mit frischen Leads zu versorgen. ClickFunnels erfasst die E-Mail und den Namen des Kontakts, und Latenode übergibt diese Daten direkt an Mailchimp, sodass keine manuellen CSV-Uploads oder Kopier- und Einfügevorgänge erforderlich sind.

8s~$0.002

Senden einer Gmail-Begrüßungs-E-Mail, wenn ClickFunnels einen neuen Kontakt identifiziert

Das manuelle Versenden von Begrüßungs-E-Mails an neue Leads ist langsam und birgt das Risiko verpasster Follow-ups. Dieses Szenario wird durch das Ereignis "New Contact Identified" in ClickFunnels ausgelöst und sendet sofort eine "Send Email"-Aktion in Gmail aus, wobei der Name und die E-Mail-Adresse des Kontakts verwendet werden, um die Nachricht zu personalisieren. Vertriebs- und Marketingexperten, die ClickFunnels zur Lead-Erfassung nutzen, können ihren ersten Berührungspunkt automatisieren. Gmail sendet eine individuelle Begrüßungs-E-Mail mit dem Namen des Kontakts im Text, sodass jeder neue Lead eine zeitnahe, persönliche Antwort erhält, ohne manuelle Arbeit.

8s~$0.002