amCharts 5

Présentation

Donne à un assistant IA un accès à la demande à la base de connaissances d’amCharts 5 : pages de documentation, exemples de code fonctionnels et référence API par classe avec les valeurs par défaut des paramètres. L’assistant ne récupère que ce dont il a besoin, comme la référence d’un type de graphique, un modèle de démarrage rapide ou le chemin d’un fichier de géodonnées de carte.

S’exécute comme endpoint Streamable HTTP hébergé à l’adresse https://mcp.amcharts.com/mcp, ou localement en stdio avec npx @amcharts/amcharts5-mcp. L’endpoint hébergé ne nécessite ni compte ni clé API. Tous les outils sont en lecture seule.

Ce que vous pouvez faire

• Lister les types de graphiques amCharts 5 et obtenir les références par type
• Rechercher par mot-clé dans la documentation, la référence API et les exemples de code
• Obtenir des modèles de démarrage rapide minimaux pour tout type de graphique
• Parcourir et obtenir le code complet de plus de 290 exemples
• Consulter les paramètres, valeurs par défaut et événements des classes
• Trouver les fichiers de géodonnées de cartes avec chemins CDN et imports ES

Outils 12

• list_chart_typesLecture seule

  Lister tous les types de graphiques amCharts 5 avec catégories et noms des fichiers de référence

• get_chart_referenceLecture seule

  Obtenir la documentation de référence d’un type de graphique donné

• get_core_referenceLecture seule

  Obtenir la référence de base : configuration, thèmes, légendes, infobulles, événements, données et pièges courants

• search_docsLecture seule

  Rechercher par mot-clé dans la documentation des skills sélectionnée, avec option d’inclure la documentation étendue et l’API

• get_sectionLecture seule

  Obtenir le texte complet d’une section de la documentation à partir de son titre

• get_quick_startLecture seule

  Obtenir un modèle fonctionnel minimal pour un type de graphique

• search_allLecture seule

  Rechercher dans les références des skills, la documentation complète et les exemples de code

• get_docLecture seule

  Obtenir une page de documentation complète à partir de son chemin

• get_api_referenceLecture seule

  Obtenir la référence API et le tableau des paramètres d’une classe

• list_examplesLecture seule

  Lister les exemples de code disponibles, éventuellement par catégorie

• get_exampleLecture seule

  Obtenir le code complet d’un exemple donné

• list_geodataLecture seule

  Lister les fichiers de géodonnées de cartes avec chemins CDN, variables globales et imports ES

Lus directement sur le serveur le 15 nov. 2026. Lecture seule, Écriture et Peut supprimer sont des indications déclarées par le serveur ; c’est votre client qui décide de vous demander confirmation avant d’exécuter un outil.

Exemples de prompts

• Construis-moi un graphique en secteurs avec amCharts 5

• Comment formater les étiquettes d’un axe de dates dans un graphique XY amCharts ?

• Montre-moi l’exemple de diagramme de Sankey

• De quel fichier de géodonnées ai-je besoin pour une carte des États américains ?

Configuration

Chaque client se connecte à mcp.amcharts.com. Choisissez le vôtre ; la page retient votre choix.

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"
    }
  }
}

Intégrer

Affichez amCharts 5 dans un README ou sur votre site. Chaque intégration renvoie à cette page, utilise l’URL du serveur et ne dépose aucun cookie. Comment fonctionnent les intégrations

La carte, l’iframe et le JSON sont en anglais. Ajoutez ?lang=it, fr, de ou es à leur adresse pour une autre langue.

Badge pour README Carte pour site web iframe JSON Prompt pour l’IA

Badge pour README

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>

Il suit le mode clair ou sombre du lecteur. Ajoutez ?theme=light ou ?theme=dark pour le fixer, ou ?style=compact pour afficher le symbole sans le nom.

Carte pour site web

HTML

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

La carte apparaît à l’endroit de la balise. Ajoutez data-theme="dark" ou data-size="compact" à la balise pour la modifier. Le fichier contient tout ce qu’il lui faut : il ne fait aucune autre requête et ne dépose aucun cookie.

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>

Utilisez-la sur les pages qui n’autorisent pas les scripts. Ajoutez ?theme=light ou ?theme=dark à l’adresse pour fixer les couleurs.

JSON

La fiche sous forme de données pour vos pages et vos outils : nom, accroche, URL du serveur, outils et liens « Add to ». N’importe quel site peut la lire (CORS ouvert).

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

Ce que signifie chaque champ

Prompt pour l’IA

Collez-le dans un assistant de code IA, comme Claude Code ou Cursor, et il ajoutera la carte de amCharts 5 à votre site.

Markdown

Ajoute à mon site la carte mcp.tc de amCharts 5, un serveur MCP. C’est un seul script statique : pas de build, aucun paquet à installer, aucun cookie.

Place cette balise là où la carte doit apparaître. La carte s’affiche juste avant elle :

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

Pour l’afficher ailleurs, mets ce conteneur à cet endroit et charge le même script une seule fois, par exemple avant `</body>`. Garde le lien à l’intérieur : les visiteurs sans JavaScript le voient.

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

Options :
- `data-theme="light"` ou `"dark"` sur la balise ou le conteneur fixe les couleurs. Sans cela, la carte suit le mode clair ou sombre du visiteur.
- `data-size="compact"` donne une carte plus petite, sans l’accroche.
- La variable CSS `--mcptc-max-width` sur le conteneur ou un parent fixe la largeur (`520px` par défaut).
- `?lang=` dans l’URL du script choisit la langue de la carte : `en`, `it`, `fr`, `de` ou `es`.

Si le site a une Content Security Policy, autorise `script-src https://mcp.tc` et `img-src data:` (l’icône est intégrée).

Pour un README ou une autre doc en Markdown, utilise plutôt le badge :

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

Référence : https://mcp.tc/fr/embed

Historique des changements

Nous lisons la liste d’outils de ce serveur toutes les 3 heures et notons ce qui change. Dernière lecture : 15 nov. 2026, 02:46 UTC.

1. 1er nov. 2026, 05:22 UTC, Vérification automatique

   Début de l’observation : 12 outils.

FAQ