Alien Art Charts Alien Art Charts

Der Chart-MCP von Alien Art

Lass Claude, ChatGPT oder Cursor animierte Diagramm-Videos für dich bauen. Eine URL einfügen, per OAuth autorisieren – und dein KI-Assistent legt bearbeitbare Projekte an, lädt Tabellen hoch und rendert MP4/WebM-Videos oder PNG/JPEG/WebP-Bilder, alles über Tool-Calls.

Der einzige Chart-MCP, der Bewegung, Video und bearbeitbare Projekte liefert statt statischer Bilder.

Zur Einrichtung ↓

Was ist der Alien Art Charts MCP?

Der Alien Art Charts MCP ist ein Remote-Server für das Model Context Protocol unter https://staging.alienart.io/mcp. Er stellt den Diagramm-Editor von Alien Art als Werkzeuge bereit, die jeder MCP-fähige KI-Client aufrufen kann:

  • Diagrammprojekt anlegen (Bar Chart Race, Line Chart Race, Map Chart Race, Table Chart Race, Diashow, erweiterter Vergleich)
  • Tabellendaten hochladen (CSV/XLSX) oder Werte Zelle für Zelle eintragen
  • Ebenen und überlagernde Elemente hinzufügen (Titel, Bilder, Summen, Flaggen, Logos)
  • Das Ergebnis als MP4/WebM-Video, PNG/JPEG/WebP-Bild oder gehostete iframe-URL rendern
  • Das Projekt bleibt danach in der Web-Oberfläche bearbeitbar

Verbindung über Streamable HTTP. Authentifizierung: OAuth. Erfordert den Pro-Tarif.

Live-Beispiel

Beispieldiagramm, erstellt über den MCP

Bar Chart Race aus einem einzigen KI-Prompt – MP4 mit 60 fps plus URL zum bearbeitbaren Projekt.

Dieses Projekt klonen

Was dein KI-Assistent bauen kann

Echte Prompts, die dein KI-Assistent komplett umsetzen kann – von den Rohdaten bis zum fertigen, teilbaren Diagramm.

Prompt

„Bau aus dieser CSV ein Bar Chart Race der reichsten Menschen der Welt von 2010 bis 2024.“

Ergebnis

Animiertes MP4 mit 60 fps plus ein bearbeitbares Alien-Art-Projekt. Du bekommst die Videodatei und einen Link zum Weiterbearbeiten.

Prompt

„Erstelle eine animierte Weltkarte der CO₂-Emissionen pro Land von 1990 bis 2023.“

Ergebnis

Map Chart Race mit nach Wert eingefärbten Ländern und synchroner Rangliste daneben. Greift auf öffentliche Datensätze zurück, wenn du keine eigenen lieferst.

Prompt

„Ich habe die Tabelle der letzten Saison als XLSX – mach daraus eine Rangliste mit Vereinslogos.“

Ergebnis

Table Chart Race mit mehrspaltigen Zeilen, animierten Platzwechseln und automatisch hochgeladenen Logos pro Zeile.

Prompt

„Vergleiche die Specs von iPhone und Pixel nebeneinander als animiertes Erklärvideo.“

Ergebnis

Layout als erweiterter Vergleich mit gestaffelten Einblendungen, Markenfarben und klarem Präsentations-Look. Export als Video oder gehostetes iframe.

Prompt

„Rendere ein sauberes PNG der Einwohnerzahlen der US-Bundesstaaten für meine Notion-Seite.“

Ergebnis

Hochauflösendes PNG (oder JPEG/WebP) für Notion, Folien oder Dokumente. Dasselbe Projekt, statisch exportiert.

Prompt

„Mach ein 15-sekündiges TikTok-Intro, das unsere 10 größten Kundengewinne dieses Quartals animiert.“

Ergebnis

Vertikale 9:16-Diashow mit gebrandeten Titeln, im Tempo der Plattform. WebM oder MP4, bereit zum Hochladen.

MCP-Tools, die dein Assistent aufrufen kann

Ein fokussierter Werkzeugsatz – keine 50 Mini-Aktionen, sondern genau die Verben für „Bau ein Diagramm aus Daten“.

Erkunden

list_chart_options
Projekttypen, Ebenentypen, Kartenpfade, Regionalkarten und Elementkataloge durchsuchen.
list_charts
Die vorhandenen Diagrammprojekte auflisten, mit Filtern und Suche.
get_chart
Den vollständigen Zustand eines Projekts lesen: Ebenen, Elemente, Tabellen, Render-URLs.

Erstellen

create_chart
Ein neues Projekt anlegen: Bar Chart Race, Line Chart Race, Map Chart Race, Table Chart Race, Diashow, erweiterter Vergleich.
add_layer
Eine Diagramm- oder visuelle Ebene hinzufügen; datengetriebene Ebenen legen automatisch eine Tabelle an.
update_layer
Ebenen-Einstellungen anpassen – Farben, Schriften, Animationstempo, Achsen, Ränge.
set_layer_format
Das Diagrammformat einer Ebene direkt ändern (z. B. Balken → Linie).
add_element
Titel, Bilder, Summen, Wasserzeichen, Kanallogos und Länderflaggen einblenden.
update_element
Text, Position, Stil oder Animation eines Elements anpassen.
delete_layer
Eine Ebene entfernen.
delete_element
Ein überlagerndes Element entfernen.

Daten

upload_spreadsheet
Eine CSV- oder XLSX-Datei als Datenquelle einer Ebene hochladen.
fetch_spreadsheet_file
Eine Wikipedia-Tabelle oder eine CSV-Datei aus dem Netz direkt ins Projekt holen.
read_spreadsheet
Den Aufbau einer Tabelle prüfen: Zeilenbeschriftungen, Spaltenköpfe, Zeilenanzahl.
patch_spreadsheet
Einzelne Zellen, Zeilen oder Spalten aktualisieren.
wait_for_spreadsheet_idle
Warten, bis die Hintergrundverarbeitung abgeschlossen ist, bevor gerendert wird.

Statistik-Bibliothek

list_statistics_categories
Die kuratierten öffentlichen Datensätze von Alien Art durchsuchen (YouTube-Kanäle usw.).
get_statistics_category
Aufbau und Einträge einer Statistik-Kategorie abrufen.
add_statistics
Einen kuratierten Datensatz als Datenquelle einer Ebene einbinden.

Bearbeiten und rendern

update_chart
Umbenennen, Größe oder Dauer ändern, öffentlich/privat stellen.
describe_layer_settings
Das Schema eines Ebenentyps abrufen, bevor er bearbeitet wird.
describe_element_settings
Das Schema eines Elementtyps abrufen.
render_chart
Einen Render-Auftrag starten. Format wählen: MP4, WebM, animiertes WebP für Video; PNG, JPEG, WebP für Bilder.
get_task
Render-Status prüfen, die URL der fertigen Datei oder die gehostete Einbettungs-URL abrufen.

In unter einer Minute eingerichtet

Keine API-Schlüssel verwalten, keinen lokalen Server betreiben. Die Authentifizierung übernimmt OAuth.

  1. 1
    Registrieren und Pro holen

    MCP-Zugriff ist Teil des Pro-Tarifs. Erstelle ein Konto, mach ein Upgrade auf Pro, und schon kannst du dich verbinden. Jederzeit kündbar.

  2. 2
    MCP-URL in deinem KI-Client hinzufügen

    Öffne in Claude Desktop, ChatGPT oder Cursor Settings → Connectors → Add custom connector und füge Folgendes ein: 

    https://staging.alienart.io/mcp
  3. 3
    Per OAuth autorisieren

    Dein Client leitet dich zu Alien Art weiter und bittet um Autorisierung. Bestätige sie – ab jetzt kann der KI-Assistent über Tool-Calls Projekte anlegen, Daten hochladen und Diagramme rendern.

Anleitungen für einzelne Clients

Die genauen Menüpfade für die wichtigsten MCP-fähigen Clients.

Claude Desktop
  1. Öffne Claude Desktop → Settings → Connectors → Add custom connector.
  2. Füge https://staging.alienart.io/mcp als Remote MCP server URL ein. OAuth Client ID und Secret bleiben leer.
  3. Klicke auf Add. Du wirst zur Autorisierung zu Alien Art weitergeleitet.
  4. Bitte Claude anschließend in Claude Desktop, deine Diagramme aufzulisten, um die Verbindung zu prüfen.

ChatGPT (Custom Connectors)
  1. Öffne ChatGPT → Settings → Connectors → Add custom connector.
  2. Füge https://staging.alienart.io/mcp als Server-URL ein.
  3. Autorisiere nach der Weiterleitung per OAuth.
  4. Erwähne „Alien Art“ in einem Chat, damit ChatGPT den Connector nutzt.

Cursor
  1. Öffne Cursor → Settings → Features → MCP → Add new MCP server.
  2. Wähle Streamable HTTP als Transport.
  3. Setze die URL auf https://staging.alienart.io/mcp.
  4. Autorisiere nach der Weiterleitung per OAuth.

Claude Code (CLI)
  1. Führe in deinem Terminal aus:
claude mcp add alienart-charts --transport http --url https://staging.alienart.io/mcp

Beim ersten Mal öffnet Claude Code ein Browserfenster für OAuth. Bitte Claude nach der Autorisierung, deine Diagramme aufzulisten.

Häufige Fragen

Zuletzt aktualisiert am

Mit welchen KI-Clients funktioniert der Chart-MCP von Alien Art?

Mit jedem MCP-fähigen Client, der Remote-Server über Streamable HTTP unterstützt. Geprüft sind unter anderem Claude Desktop, Claude Code (CLI), Custom Connectors in ChatGPT und Cursor. Der Server spricht das Standard-Model-Context-Protocol – ohne clientspezifische Sonderwege.

Brauche ich einen kostenpflichtigen Tarif?

Ja – MCP-Zugriff ist Teil des Pro-Tarifs ($19/Monat oder $180/Jahr, jederzeit kündbar). Pro entfernt das Wasserzeichen, schaltet den Export mit 60 fps frei und gibt dir unbegrenzte Render-Minuten pro Monat.

Welche Diagrammtypen kann der MCP erstellen?

Bar Chart Races, Line Chart Races, Table Chart Races, Map Chart Races (Weltkarte plus Karten einzelner Länder), Diashows und Layouts als erweiterter Vergleich. Das Tool list_chart_options liefert die maßgebliche Liste, damit dein KI-Assistent immer einen gültigen Typ wählt.

Welche Ausgabeformate werden unterstützt?

Video: MP4, WebM, animiertes WebP – bis zu 60 fps. Bild: PNG, JPEG, WebP. Gehostet: eine öffentliche URL, die du per iframe auf jeder Website einbetten kannst. Das Format wählst du beim Aufruf von render_chart; sobald der Render-Auftrag fertig ist, erhält die KI die URL der fertigen Datei oder die Einbettungs-URL.

Wie funktioniert die Authentifizierung?

Durchgehend per OAuth. Dein KI-Client leitet dich zu Alien Art weiter, du bestätigst die Verbindung, und der Client erhält ein Bearer-Token, das er bei jedem Tool-Call mitschickt. Keine API-Schlüssel zum Kopieren, keine Secrets zu verwalten, keine Umgebungsvariablen zu setzen. Du kannst die Verbindung jederzeit in deinen Kontoeinstellungen widerrufen.

Kann die KI meine bestehenden Projekte bearbeiten?

Ja. Lass sie deine Diagramme auflisten (list_charts), eines auswählen und mit update_chart / update_layer / patch_spreadsheet weiterbearbeiten. Jedes Projekt liegt in deinem Alien-Art-Konto – du kannst es also auch im Web-Editor öffnen und von Hand weiterarbeiten.

Wird synchron oder im Hintergrund gerendert?

Im Hintergrund. render_chart gibt eine Task-ID zurück; get_task fragt den Status ab, bis das Rendern fertig ist, und liefert die Datei-URL. Kurze Videos sind in Sekunden fertig, längere können ein bis zwei Minuten dauern. Das Abfragen übernimmt der KI-Assistent für dich.

Wie schneidet er im Vergleich zu anderen Chart-MCPs ab?

Sieh dir den vollständigen Ranking-Vergleich der Diagramm-MCPs an – mit einer Gegenüberstellung von AntV, mcp-echarts, QuickChart, Chart.js, Vega-Lite, Vizro, diagrammo und weiteren. Kurz gesagt: Alle anderen Chart-MCPs verpacken eine vorhandene JS-Diagrammbibliothek und liefern ein statisches Bild oder eine Spezifikation. Alien Art ist der einzige, der Bewegung, Video und bearbeitbare Projekte erzeugt.

Verbinde deinen KI-Assistenten in unter einer Minute

Registrieren, Pro holen und https://staging.alienart.io/mcp in Claude, ChatGPT oder Cursor einfügen. Den Rest erledigt OAuth.

Noch am Vergleichen? Sieh dir die Rangliste der Diagramm-MCPs an.