Diagramme. Tabellen. Eine Engine.

Kostenlose animierte
Diagramme.

Mach aus deinen Zahlen Diagramme und Live-Tabellen. Hier erstellen. Überall verwenden.

Kein Upload.
Maker ohne Anmeldung.

Dieselben Zahlen. Ein anderer Blick. LIVE

Eine Woche mit gutem Kaffee
Beschriftung	Tassen
Mo	24
Di	38
Mi	31
Do	48
Fr	42

Wechsle die Form. Behalte die Aussage im Blick.

Diagramme · Tabellen · KI 26 Diagrammtypen + eine Live-Tabelle Finde deine Form

01 · Galerie

Beginne mit einer Frage.

26 Diagrammtypen. Fünf Themes. Eine Engine.
Wähle die Ansicht, die deine Zahlen verständlich macht.

Ausgewähltes Diagramm ansehen

Vergleichen Theme

Erledigte Anfragen
Beschriftung	Woche 37	Woche 38
Nord	12	18
Süd	19	22
Ost	14	11
West	27	31

Vergleiche Mengen nebeneinander. Dieselben acht Werte · zwei Wochen

Im Maker öffnen Alle Beispiele ansehen

Stufen und Histogramm sind Varianten von Linie und Säulen. Die Live-Tabelle hat eine eigene Ansicht. In Aktion ansehen

02 · Deine Daten

Deine Zahlen. Schon ein Diagramm.

Ändere einen Wert oder füge einige Zeilen ein.
Alles bleibt in diesem Browser.

Kaffeebestellungen AUSPROBIEREN

Zeilen aus einer Tabellenkalkulation einfügen

Beschriftung und Wert, getrennt durch Tabulator oder Komma Bis zu 20 Zeilen zum Ausprobieren.

Vier Zeilen, bereit zum Bearbeiten.

Live-Vorschau AUF DEINEM GERÄT

Kaffeebestellungen
Beschriftung	Bestellungen
Espresso	42
Filterkaffee	31
Kaltgebrühter Kaffee	18
Entkoffeiniert	9

Im Diagramm-Maker weiterbearbeiten

Deine Zeilen kommen mit.
Ergänze Themes, Anmerkungen und Exporteinstellungen.

03 · Live-Tabelle

Eine Tabelle, die eine Tabelle bleibt.

Behalte Zahlen, Status und Anmerkungen zusammen.
Mach ein Diagramm daraus, wenn eine Spalte etwas erzählt.

LIVE-DEMO Wähle einen Schritt oder erkunde die Tabelle.

Fahre mit der Maus darüber Tippe darauf, um einen Hinweis zu sehen Klicke neben einen Status für Details

Ein gut vorbereiteter Start
Vorhaben	Status	Budget (100 €)	Fortschritt	Verantwortlich	Kontext
Marke und Gestaltung	Bereit	42	100	Maya Chen	Ein bisschen mehr wir.
Website neu gestalten	In Arbeit	85	72	Leo Martin	Letzte Prüfung steht noch aus.
Produktfotografie	In Arbeit	36	85	Amira Noor	Die Details aus der Nähe.
Redaktioneller Start	In Arbeit	24	45	Oscar Lee	Worte mit einer Aussage.
Vorschau für die Community	Geplant	12	20	Nina Park	Zuerst ein kleineres Publikum.
Kampagne zum Start	Geplant	68	10	Maya Chen	Ein gelungener erster Eindruck.
Material für Partner	Bereit	18	100	Leo Martin	Alles an einem Ort.
Tag des Starts	Geplant	25	0	Amira Noor	Eigentlich erst der Anfang.

Echte Zeilen. Echte Bedienelemente. Deine Ansicht bleibt erhalten.

Tabellen-Maker öffnen

Wische auf dem Handy innerhalb der Tabelle. Anmerkungen bleiben bei ihrer Zeile. Live-Tabellen-Beispiel erkunden

04 · Story · Video

Ein Diagramm.
Eine Story zum Teilen.

Füge eine Zeitreihe ein. Meiku erzählt Schritt für Schritt die Story deiner Zahlen. Hebe das Wesentliche hervor und speichere ein MP4 für LinkedIn, Reels oder Folien.

Story und Video erstellen

Kostenlos · im Browser · ohne Upload

4:5LinkedIn
9:16Reels · TikTok
16:9YouTube · Folien

Monatliche Anmeldungen
Beschriftung	Anmeldungen
Jan	120
Feb	180
Mär	260
Apr	310
Mai	410

05 · AI · MCP

Lass es deine KI erstellen.

Dieselbe Engine, über fünf MCP-Tools.
Beginne mit einer Frage und deinen Daten.

01 / ANFRAGE

„Zeige die Kaffeebestellungen dieser Woche als Diagramm.“

02 / TOOL create_chart Spezifikation + Einbettung ↓

Eine Woche mit gutem Kaffee
Beschriftung	Tassen
Mo	24
Di	38
Mi	31
Do	48
Fr	42

03 / ERGEBNIS · Live-Vorschau einer beispielhaften Tool-Antwort.

Eine Verbindung. Dein KI-Client.

Kopiere die KI-Connector-URL in die MCP-Einstellungen deines Clients. Melde dich mit Google an und bitte dann um ein Diagramm.

meikucharts.com/mcp

KI-Connector: SVG-Bilder. Lokaler MCP mit Pro: PNG und SVG.

Funktioniert auch mit Codex und Continue. Die Einrichtung hängt vom Client ab.

Lokalen MCP ausführen (Pro)

{"mcpServers":{"meiku-charts":{
  "command":"node",
  "args":["/path/to/meiku-charts-mcp/meiku-mcp.mjs"],
  "env":{"MEIKU_LICENSE_KEY":"<your Pro key>"}
}}}

Lade ihn in deinem Konto herunter, nachdem du deinen Pro-Schlüssel eingegeben hast. Claude Desktop, Cursor und Windsurf nutzen dieses JSON-Format; VS Code und Codex haben eigene Konfigurationsdateien.

MCP-Einrichtung und Tool-Referenz

Die fünf Tools Aufbereiten · Erstellen · Vorschlagen · Themes · Rendern

prepare_visualization: Mach aus Rohdaten ein verständliches Diagramm oder eine Tabelle.
create_chart: Erhalte eine Spezifikation und einen Embed-Code.
suggest_chart: Finde eine Form für deine Zahlen.
list_themes: Sieh fünf Themes in Hell und Dunkel.
render_chart: Erhalte ein SVG-Bild; PNG mit dem lokalen MCP (Pro).

06 · Überall verwenden

Dieselben Daten. Dein Format.

Einbetten Ein interaktives Diagramm auf deiner Website.

Kopiere den HTML-Code aus dem Maker. Lade das öffentliche Skript einmal; das Diagramm bleibt interaktiv.

Anleitung zum Einbetten öffnen

PNG Ein fertiges Bild für deinen Artikel.

Exportiere im Diagramm-Maker mit 1920×1080, 1200×630 oder 1080×1080 Pixeln. PNG ist ein statisches Bild.

Diagramm-Maker öffnen

SVG Scharf in jeder Größe.

Exportiere dein Diagramm als Vektorpfade für Folien und Druck. SVG ist ein statisches Bild.

Diagramm-Maker öffnen

Link kopieren Öffne es erneut – mit deinen Daten.

Ein Bearbeitungslink enthält die Daten im URL-Fragment. Jeder mit dem Link kann sie lesen. Keine Speicherung auf dem Server.

Diagramm-Maker öffnen

Diagramm-Maker exportieren PNG und SVG. Tabellen behalten Einbettung, Bearbeitungslink und JSON; Tabellenbilder gibt es über den lokalen MCP (Pro).

07 · Für Entwickler

Eine JavaScript-Bibliothek
für bewegliche Diagramme.

Eine JSON-Spezifikation. Ein interaktives Diagramm.
Ändere die Spezifikation, um die Ansicht zu wechseln.

Lade die Engine

<script type="module" src="https://meikucharts.com/v1/live-chart.js"></script>

Beschreibe das Diagramm

<live-chart id="my-chart">
  <script type="application/json">
    {"type":"column","theme":"editorial",
     "data":{"labels":["Mon","Tue","Wed"],
       "series":[{"name":"Orders","values":[24,38,31]}]}}
  </script>
</live-chart>

Ändere die Form – mit fließendem Übergang

const chart = document.querySelector("#my-chart");
chart.spec = { ...chart.spec, type: "line" };

Aus dieser Spezifikation gerendert SÄULEN

Diagrammdaten
Beschriftung	Bestellungen
Mo	24
Di	38
Mi	31

Probiere Schritt 3 aus, um den Wechsel zu sehen.

Dokumentation lesen

POST /render → PNG · SVG
Brauchst du Bilder von deinem eigenen Server? Die Render-API gehört zum Team-Tarif.

Render-API-Dokumentation

08 · Warum Meiku

Klein, ehrlich,
und ganz dein Stil.

Die Maker laufen in deinem Browser. Deine Daten bleiben auf deinem Gerät, bis du sie bewusst teilst.

26 Diagrammtypen

Dazu eine echte Live-Tabelle. Eine Engine – von der ersten Vorschau bis zur Einbettung.

5 Themes × Hell und Dunkel

Editorial Mint Ink Glass Neon

29.5 kB Renderer · gzip

0 Laufzeitabhängigkeiten im Kern.
Webkomponente: 30.6 kB. Tabellenmodul: +12.3 kB, bei Bedarf geladen.

Deine Arbeit deine Handschrift

Starte kostenlos. Mit Pro bestimmst du deine eigene Quellenzeile. Passenden Tarif finden

Für alle bedienbar

Tastaturbedienung und eine Datentabelle für jedes Diagramm. Reduzierte Bewegung wird unterstützt. Datenschutz im Detail

JavaScript ist deaktiviert. Statische Vorschauen, Daten, Dokumentation und Links zu den Makern bleiben verfügbar. Aktiviere JavaScript, um Diagramme zu bearbeiten oder ihre Form zu wechseln.

Kostenlose animierte Diagramme.

Beginne mit einer Frage.

Deine Zahlen. Schon ein Diagramm.

Eine Tabelle, die eine Tabelle bleibt.

Ein Diagramm.Eine Story zum Teilen.

Lass es deine KI erstellen.

Eine Verbindung. Dein KI-Client.

Dieselben Daten. Dein Format.

Eine JavaScript-Bibliothekfür bewegliche Diagramme.

Lade die Engine

Beschreibe das Diagramm

Ändere die Form – mit fließendem Übergang

Klein, ehrlich,und ganz dein Stil.

Kostenlose animierte
Diagramme.

Ein Diagramm.
Eine Story zum Teilen.

Eine JavaScript-Bibliothek
für bewegliche Diagramme.

Klein, ehrlich,
und ganz dein Stil.