Zum Inhalt springen

Integration · Produktivität

Claude & ChatGPT mit QuickChart verbinden

Bitte deine KI um ein Diagramm und erhalte ein Bild zurück. Sie kann aus einer Beschreibung oder deinen Zahlen ein Chart.js-Diagramm erstellen, es als PNG, SVG oder PDF rendern oder speichern und dir einen kurzen Link zum Teilen geben. Außerdem kann sie QR-Codes und Barcodes erstellen, einen QR-Code aus einem Bild lesen sowie Wortwolken, Tabellen und Graphviz-Diagramme rendern.

QuickChart kostenlos verbinden

Kostenloser Tarif, keine Kreditkarte erforderlich. Dauert etwa eine Minute.

Fragen Sie zum Beispiel

  • “Erstelle ein Balkendiagramm zum monatlichen Umsatz: Januar 120.000, Februar 135.000, März 160.000.”

    Die KI erstellt eine Chart.js-Konfiguration und rendert das Diagramm als Bild.

  • “Gib mir einen kurzen Link zu diesem Diagramm für den Newsletter.”

    Sie speichert das Diagramm und gibt eine kurze Bild-URL zurück, die du teilen kannst.

  • “Erstelle einen QR-Code für unsere Buchungsseite mit der Beschriftung Tisch reservieren.”

    Sie rendert ein QR-Code-Bild für die URL der Seite mit deiner Beschriftung.

Was Ihre KI tun kann

Diagramme

Chart.js-Diagramme als PNG, SVG oder PDF rendern, unter kurzen URLs speichern, aus einer einfachen Beschreibung eine Konfiguration erstellen und Konfigurationen auf Fehler prüfen.

QR-Codes und Barcodes

Einzelne oder mehrere QR-Codes mit Farben, Beschriftungen und einem mittig platzierten Logo erstellen, Barcodes wie code128 und ean13 rendern und QR-Codes lesen.

Wortwolken, Tabellen und Diagramme

Wortwolken aus Text, Tabellen aus Daten und Diagramme aus Graphviz rendern sowie Bilder mit einem Wasserzeichen oder Logo versehen.

  • “Erstelle 30 QR-Codes, einen pro Tisch, die jeweils auf eine eigene Bestellseite verweisen.”

    Sie erstellt die Bild-URLs für alle QR-Codes in einem einzigen Aufruf.

  • “Was steht im QR-Code auf diesem Bild?”

    Sie dekodiert den QR-Code über die öffentliche Bild-URL und gibt seinen Text zurück.

  • “Stelle unseren Release-Prozess als Diagramm dar: Build, Test, Staging, Produktion.”

    Sie schreibt eine Graphviz-Beschreibung und rendert das Diagramm als SVG oder PNG.

13 Tools für QuickChart

Diese Tools werden beim Verbinden aktiviert. Sie können jedes einzelne deaktivieren oder festlegen, dass es vor der Ausführung Ihre Freigabe benötigt.

  • add_watermarkÄndert DatenEin Wasserzeichen oder Logo (`mark_image_url`) über ein Bild (`main_image_url`) legen, optional mit Angaben zu Position, Deckkraft und Größe.
  • create_barcodeÄndert DatenEin Barcode-Bild für `text` im Barcode-Format `type` (z. B. code128, ean13) rendern, optional mit Größenangabe und `include_text`.
  • create_chart_urlÄndert DatenEine Chart.js-Diagrammkonfiguration (`chart`, dazu `width`, `height`, `background_color`) speichern und eine kurze Bild-URL zum Teilen zurückgeben.
  • create_qr_codeÄndert DatenEin QR-Code-Bild für `text` (z. B. eine URL) rendern, optional mit `size`, Farben, `margin`, `caption` und einem mittig platzierten Logo.
  • create_qr_code_urlÄndert DatenEine QuickChart-Bild-URL für einen QR-Code mit dem Inhalt `text` erstellen, ohne ihn zu rendern, mit denselben Gestaltungsoptionen.
  • create_qr_code_urlsÄndert DatenBild-URLs für mehrere QR-Codes auf einmal erstellen; übergib dafür eine Liste in `qr_codes`.
  • create_word_cloudÄndert DatenEine Wortwolke aus `text` als Bild rendern, optional mit Angaben zu Größe, Farben, Schriftart und Wortbegrenzungen.
  • generate_chart_configÄndert DatenEine in natürlicher Sprache verfasste `description` eines Diagramms in eine Chart.js-Konfiguration umwandeln, die du rendern oder speichern kannst.
  • read_qr_codeEinen QR-Code aus einer öffentlichen Bild-`url` dekodieren und seinen Text zurückgeben.
  • render_chartÄndert DatenEine Chart.js-Diagrammkonfiguration (`chart`) als Bild rendern, optional mit `width`, `height`, `format` (png, svg, pdf) und `background_color`.
  • render_diagramÄndert DatenEin Graphviz-Diagramm aus einer DOT-Beschreibung in `graph` als SVG oder PNG rendern.
  • render_tableÄndert DatenTabellendaten aus `data` als PNG-Bild rendern, optional mit `options` für die Gestaltung.
  • validate_chartFür andere sichtbarEine Diagrammkonfiguration (`chart`) prüfen und etwaige Fehler als JSON statt als Bild zurückgeben.

In drei Schritten einrichten

  1. 1

    App auswählen

    Erstellen Sie ein kostenloses PipMCP-Konto und wählen Sie QuickChart aus der App-Liste.

  2. 2

    Schlüssel einfügen

    Füge deinen QuickChart-API-Schlüssel ein. Registriere dich für ein QuickChart-Konto. Nach der Registrierung wird der Schlüssel zusammen mit deiner Konto-ID angezeigt. Kostenlose Community-Anfragen funktionieren ohne Schlüssel, unterliegen aber einer Begrenzung der Anfragerate.

  3. 3

    Link zu Ihrer KI hinzufügen

    Sie erhalten einen persönlichen MCP-Link. Fügen Sie ihn in Claude, ChatGPT oder Cursor hinzu:

    1. Klicken Sie auf Ihren Namen und dann auf Einstellungen › Konnektoren › Benutzerdefinierten Konnektor hinzufügen.
    2. Fügen Sie Ihren Link als URL des Remote-MCP-Servers ein.
    3. Aktivieren Sie den Konnektor über das +-Menü in einem Chat.

Fragen

Was kann die KI in QuickChart tun?

Die KI kann Chart.js-Diagramme als Bilder rendern, Diagramme speichern und kurze URLs zurückgeben, einfache Beschreibungen in Diagrammkonfigurationen umwandeln und Konfigurationen auf Fehler prüfen. Sie kann QR-Codes und Barcodes erstellen, QR-Codes aus Bildern lesen sowie Wortwolken, Tabellen, Graphviz-Diagramme und Bilder mit Wasserzeichen rendern.

Sieht die KI meinen QuickChart-API-Schlüssel?

Nein. Deine QuickChart-Zugangsdaten werden verschlüsselt gespeichert und der KI niemals angezeigt. Nach dem Speichern werden sie nicht erneut angezeigt, auch dir nicht. Die KI sieht nur die Ergebnisse der Tools, die sie aufruft.

Kann ich festlegen, was die KI tun darf?

Ja. Du entscheidest, welche Tools aktiviert sind. Die meisten QuickChart-Tools rendern lediglich Bilder aus den von dir bereitgestellten Daten. create_chart_url speichert das Diagramm dagegen bei QuickChart, damit der kurze Link funktioniert. Für jedes Tool lässt sich deine vorherige Freigabe verlangen, und jeder Tool-Aufruf wird protokolliert.

Funktioniert das mit ChatGPT?

Ja. Gehe in ChatGPT zu Einstellungen › Apps & Konnektoren › Erweitert, aktiviere den Entwicklermodus und füge dann deinen PipMCP-Link hinzu. Der Entwicklermodus erfordert einen kostenpflichtigen ChatGPT-Tarif: Plus, Pro, Business oder Enterprise. Derselbe Link funktioniert auch in Claude (Einstellungen › Konnektoren › Benutzerdefinierten Konnektor hinzufügen), Cursor und anderen MCP-Clients.

Was kostet das?

PipMCP bietet einen kostenlosen Tarif, für den keine Kreditkarte erforderlich ist. Kostenpflichtige Tarife werden pro abgeschlossener Aufgabe abgerechnet. Du benötigst außerdem ein eigenes QuickChart-Konto.

Welche Diagrammtypen kann die KI erstellen?

QuickChart rendert Chart.js-Diagrammkonfigurationen. Die KI kann daher die von Chart.js unterstützten Diagrammtypen erstellen, etwa Balken-, Linien- und Kreisdiagramme. Wenn du ein Diagramm in einfachen Worten beschreibst, wandelt generate_chart_config die Beschreibung in eine Konfiguration um. validate_chart prüft eine Konfiguration vor dem Rendern auf Fehler.

Lassen Sie Ihre KI noch heute in QuickChart arbeiten.

Starten Sie kostenlos. Ihr Schlüssel bleibt verschlüsselt und Sie entscheiden, was die KI tun darf.

QuickChart kostenlos verbinden

PipMCP steht in keiner Verbindung zu QuickChart. Produktnamen sind Marken ihrer jeweiligen Inhaber.