amCharts 5

Descripción

Da a un asistente de IA acceso bajo demanda a la base de conocimiento de amCharts 5: páginas de documentación, ejemplos de código funcionales y referencia de la API por clase con los valores por defecto de los ajustes. El asistente obtiene solo lo que necesita, como la referencia de un tipo de gráfico, una plantilla de inicio rápido o la ruta de un archivo de geodatos de mapas.

Se ejecuta como endpoint alojado de Streamable HTTP en https://mcp.amcharts.com/mcp, o en local mediante stdio con npx @amcharts/amcharts5-mcp. El endpoint alojado no requiere iniciar sesión ni clave de API. Todas las herramientas son de solo lectura.

Qué puedes hacer

• Listar los tipos de gráficos de amCharts 5 y obtener referencias por tipo
• Buscar por palabra clave en la documentación, la referencia de la API y los ejemplos de código
• Obtener plantillas mínimas de inicio rápido para cualquier tipo de gráfico
• Explorar y obtener el código completo de más de 290 ejemplos
• Consultar ajustes, valores por defecto y eventos de las clases
• Encontrar archivos de geodatos de mapas con rutas de CDN e importaciones ES

Herramientas 12

• list_chart_typesSolo lectura

  Listar todos los tipos de gráficos de amCharts 5 con categorías y nombres de archivos de referencia

• get_chart_referenceSolo lectura

  Obtener la documentación de referencia de un tipo de gráfico concreto

• get_core_referenceSolo lectura

  Obtener la referencia básica: configuración, temas, leyendas, tooltips, eventos, datos y errores comunes

• search_docsSolo lectura

  Buscar en la documentación curada de skills por palabra clave, con opción de incluir documentación ampliada y la API

• get_sectionSolo lectura

  Obtener el texto completo de una sección de la documentación por su encabezado

• get_quick_startSolo lectura

  Obtener una plantilla mínima funcional para un tipo de gráfico

• search_allSolo lectura

  Buscar en las referencias de skills, la documentación completa y los ejemplos de código

• get_docSolo lectura

  Obtener una página de documentación completa por su ruta

• get_api_referenceSolo lectura

  Obtener la referencia de la API y la tabla de ajustes de una clase

• list_examplesSolo lectura

  Listar los ejemplos de código disponibles, opcionalmente por categoría

• get_exampleSolo lectura

  Obtener el código completo de un ejemplo concreto

• list_geodataSolo lectura

  Listar archivos de geodatos de mapas con rutas de CDN, globales e importaciones ES

Leídas del servidor en funcionamiento el 15 nov 2026. Solo lectura, Escritura y Puede borrar son indicaciones que declara el servidor; tu cliente decide si te pregunta antes de ejecutar una herramienta.

Prompts de ejemplo

• Crea un gráfico circular con amCharts 5

• ¿Cómo doy formato a las etiquetas de un eje de fechas en un gráfico XY de amCharts?

• Muéstrame el ejemplo del diagrama de Sankey

• ¿Qué archivo de geodatos necesito para un mapa de los estados de EE. UU.?

Configuración

Todos los clientes se conectan a mcp.amcharts.com. Elige el tuyo; la página recuerda tu elección.

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

Insertar

Muestra amCharts 5 en un README o en tu web. Cada inserción enlaza a esta página, usa la URL propia del servidor y no instala cookies. Cómo funcionan las inserciones

La tarjeta, el iframe y el JSON están en inglés. Añade ?lang=it, fr, de o es a su dirección para otro idioma.

Insignia para README Tarjeta para web iframe JSON Prompt para la IA

Insignia para 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>

Sigue el modo claro u oscuro de quien lee. Añade ?theme=light o ?theme=dark para fijarlo, o ?style=compact para mostrar el símbolo sin la palabra.

Tarjeta para web

HTML

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

La tarjeta aparece donde esté la etiqueta. Añade data-theme="dark" o data-size="compact" a la etiqueta para cambiarla. El archivo contiene todo lo que necesita, así que no hace otras solicitudes ni instala 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>

Úsalo en páginas que no permiten scripts. Añade ?theme=light o ?theme=dark a la dirección para fijar los colores.

JSON

La ficha como datos para tus propias páginas y herramientas: nombre, descripción corta, la URL propia del servidor, herramientas y los enlaces «Add to». Cualquier web puede leerla (CORS abierto).

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

Qué significa cada campo

Prompt para la IA

Pégalo en un asistente de programación con IA, como Claude Code o Cursor, y añadirá la tarjeta de amCharts 5 a tu web.

Markdown

Añade a mi web la tarjeta de mcp.tc de amCharts 5, un servidor MCP. Es un solo script estático: sin paso de build, sin paquetes que instalar, sin cookies.

Pon esta etiqueta donde deba aparecer la tarjeta. La tarjeta se muestra justo antes de ella:

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

Para mostrarla en otro sitio, pon allí este marcador y carga el mismo script una sola vez, por ejemplo antes de `</body>`. Deja el enlace dentro: lo ven los visitantes sin JavaScript.

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

Opciones:
- `data-theme="light"` o `"dark"` en la etiqueta o el marcador fija los colores. Sin él, la tarjeta sigue el modo claro u oscuro del visitante.
- `data-size="compact"` da una tarjeta más pequeña, sin el eslogan.
- La variable CSS `--mcptc-max-width` en el marcador o en un elemento padre fija el ancho (por defecto `520px`).
- `?lang=` en la URL del script fija el idioma de la tarjeta: `en`, `it`, `fr`, `de` o `es`.

Si el sitio tiene una Content Security Policy, permite `script-src https://mcp.tc` e `img-src data:` (el icono va incrustado).

Para un README u otra documentación en Markdown, usa la insignia:

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

Referencia: https://mcp.tc/es/embed

Historial de cambios

Leemos la lista de herramientas de este servidor cada 3 horas y registramos lo que cambia. Última lectura: 15 nov 2026, 02:46 UTC.

1. 1 nov 2026, 05:22 UTC, Comprobación automática

   Inicio del seguimiento: 12 herramientas.

Preguntas frecuentes