amCharts 5

Über den Server

Gibt einem KI-Assistenten bei Bedarf Zugriff auf die amCharts-5-Wissensbasis: Dokumentationsseiten, funktionierende Codebeispiele und eine API-Referenz pro Klasse mit Standardwerten der Einstellungen. Der Assistent ruft nur ab, was er braucht, etwa eine Referenz zu einem Diagrammtyp, eine Quick-Start-Vorlage oder den Pfad einer Karten-Geodatendatei.

Läuft als gehosteter Streamable-HTTP-Endpunkt unter https://mcp.amcharts.com/mcp oder lokal über stdio mit npx @amcharts/amcharts5-mcp. Der gehostete Endpunkt benötigt weder Anmeldung noch API-Schlüssel. Alle Tools sind schreibgeschützt.

Was du damit machen kannst

• amCharts-5-Diagrammtypen auflisten und Referenzen pro Typ abrufen
• Dokus, API-Referenz und Codebeispiele per Stichwort durchsuchen
• Minimale Quick-Start-Vorlagen für jeden Diagrammtyp
• Vollständiger Code von über 290 Beispielen zum Durchstöbern und Abrufen
• Klasseneinstellungen, Standardwerte und Events nachschlagen
• Karten-Geodatendateien mit CDN-Pfaden und ES-Imports finden

Tools 12

• list_chart_typesLiest nur

  Alle amCharts-5-Diagrammtypen mit Kategorien und Namen der Referenzdateien auflisten

• get_chart_referenceLiest nur

  Referenzdokumentation zu einem bestimmten Diagrammtyp abrufen

• get_core_referenceLiest nur

  Kernreferenz abrufen: Einrichtung, Themes, Legenden, Tooltips, Events, Daten und Stolperfallen

• search_docsLiest nur

  Kuratierte Skill-Dokus per Stichwort durchsuchen, optional inklusive erweiterter Dokus und API

• get_sectionLiest nur

  Den vollständigen Text eines Doku-Abschnitts anhand der Überschrift abrufen

• get_quick_startLiest nur

  Eine minimale funktionierende Vorlage für einen Diagrammtyp abrufen

• search_allLiest nur

  Skill-Referenzen, vollständige Dokumentation und Codebeispiele durchsuchen

• get_docLiest nur

  Eine vollständige Dokumentationsseite anhand des Pfads abrufen

• get_api_referenceLiest nur

  API-Referenz und Einstellungstabelle einer Klasse abrufen

• list_examplesLiest nur

  Verfügbare Codebeispiele auflisten, optional nach Kategorie

• get_exampleLiest nur

  Den vollständigen Code eines bestimmten Beispiels abrufen

• list_geodataLiest nur

  Karten-Geodatendateien mit CDN-Pfaden, Globals und ES-Imports auflisten

Am 15. Nov. 2026 vom laufenden Server gelesen. „Liest nur“, „Schreibt“ und „Kann löschen“ sind Hinweise, die der Server selbst angibt; dein Client entscheidet, ob er vor dem Ausführen eines Tools nachfragt.

Beispiel-Prompts

• Erstelle mir ein Kreisdiagramm mit amCharts 5

• Wie formatiere ich Datumsbeschriftungen der Achse in einem amCharts-XY-Diagramm?

• Zeig mir das Sankey-Diagramm-Beispiel

• Welche Geodatendatei brauche ich für eine Karte der US-Bundesstaaten?

Einrichtung

Jeder Client verbindet sich mit mcp.amcharts.com. Wähl deinen; die Seite merkt sich deine Wahl.

claude mcp add --transport http amcharts-5 https://mcp.amcharts.com/mcp

https://mcp.amcharts.com/mcp

{
  "mcpServers": {
    "amcharts-5": {
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

code --add-mcp '{"name":"amcharts-5","type":"http","url":"https://mcp.amcharts.com/mcp"}'

{
  "servers": {
    "amcharts-5": {
      "type": "http",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

{
  "mcpServers": {
    "amcharts-5": {
      "serverUrl": "https://mcp.amcharts.com/mcp"
    }
  }
}

codex mcp add amcharts-5 --url https://mcp.amcharts.com/mcp

[mcp_servers.amcharts-5]
url = "https://mcp.amcharts.com/mcp"

gemini mcp add --transport http amcharts-5 https://mcp.amcharts.com/mcp

{
  "mcpServers": {
    "amcharts-5": {
      "type": "http",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

Einbinden

Zeig amCharts 5 in einem README oder auf deiner Website. Jede Einbindung verlinkt auf diese Seite, nutzt die eigene URL des Servers und setzt keine Cookies. So funktionieren Einbindungen

Karte, iframe und JSON sind auf Englisch. Häng ?lang=it, fr, de oder es an ihre Adresse an, um eine andere Sprache zu bekommen.

README-Badge Website-Karte iframe JSON KI-Prompt

README-Badge

Markdown

[![amCharts 5 on mcp.tc](https://mcp.tc/i/amcharts-5/badge.svg)](https://mcp.tc/i/amcharts-5)

HTML

<a href="https://mcp.tc/i/amcharts-5"><img src="https://mcp.tc/i/amcharts-5/badge.svg" alt="amCharts 5 on mcp.tc" height="20"></a>

Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.

Website-Karte

HTML

<script src="https://mcp.tc/w/amcharts-5.js" async></script>

Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.

iframe

HTML

<iframe src="https://mcp.tc/embed/amcharts-5" title="amCharts 5 on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.

JSON

Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, die eigene URL des Servers, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).

https://mcp.tc/i/amcharts-5.json

Was jedes Feld bedeutet

KI-Prompt

Füg ihn in einen KI-Coding-Assistenten wie Claude Code oder Cursor ein, und er baut die Karte von amCharts 5 in deine Website ein.

Markdown

Füge meiner Website die mcp.tc-Karte für den MCP-Server amCharts 5 hinzu. Es ist ein einziges statisches Skript: kein Build-Schritt, kein Paket zu installieren, keine Cookies.

Setz dieses Tag dorthin, wo die Karte erscheinen soll. Die Karte erscheint direkt davor:

```html
<script src="https://mcp.tc/w/amcharts-5.js" async></script>
```

Um sie woanders zu zeigen, setz dort diesen Platzhalter ein und lade dasselbe Skript nur einmal, zum Beispiel vor `</body>`. Lass den Link darin stehen: Besucher ohne JavaScript sehen ihn.

```html
<div data-mcptc="amcharts-5"><a href="https://mcp.tc/i/amcharts-5">amCharts 5 on mcp.tc</a></div>
```

Optionen:
- `data-theme="light"` oder `"dark"` am Tag oder Platzhalter legt die Farben fest. Ohne das Attribut folgt die Karte dem hellen oder dunklen Modus der Besucher.
- `data-size="compact"` ergibt eine kleinere Karte ohne Kurzbeschreibung.
- Die CSS-Variable `--mcptc-max-width` am Platzhalter oder einem Elternelement legt die Breite fest (Standard `520px`).
- `?lang=` in der Skript-URL legt die Sprache der Karte fest: `en`, `it`, `fr`, `de` oder `es`.

Wenn die Website eine Content Security Policy hat, erlaube `script-src https://mcp.tc` und `img-src data:` (das Icon ist eingebettet).

Für ein README oder andere Markdown-Dokumentation nimm stattdessen das Badge:

```markdown
[![amCharts 5 on mcp.tc](https://mcp.tc/i/amcharts-5/badge.svg)](https://mcp.tc/i/amcharts-5)
```

Referenz: https://mcp.tc/de/embed

Änderungsverlauf

Wir lesen die Tool-Liste dieses Servers alle 3 Stunden und halten fest, was sich ändert. Zuletzt gelesen: 15. Nov. 2026, 02:46 UTC.

1. 1. Nov. 2026, 05:22 UTC, Automatische Prüfung

   Beginn der Beobachtung: 12 Tools.

Häufige Fragen