
ChartPane
Interface UIpar ahmadsl
Rendu de graphiques Chart.js interactifs et de tableaux de bord multi-graphiques en ligne dans l'interface de Claude — 9 types de graphiques, mises en page en grille, aucun stockage de données côté serveur.
Ce qu'il fait
ChartPane est une application MCP qui rend des graphiques interactifs et en direct directement dans l'interface de conversation de Claude. Au lieu d'obtenir une image statique ou un extrait de code, vous voyez une visualisation Chart.js entièrement interactive — zoomable, au survol — sans quitter le chat.
Il supporte à la fois les graphiques uniques et les grilles de tableaux de bord multi-graphiques. Une instance hébergée est disponible sur mcp.chartpane.com, donc il n'y a rien à installer pour la plupart des utilisateurs.
Fonctionnalités clés
- 9 types de graphiques : barres, lignes, aires, secteurs (pie), anneaux (doughnut), polarArea, bulles, nuages de points, radar — ainsi que des variantes de barres empilées et horizontales
- Grilles de tableaux de bord : mises en page allant jusqu'à 4 colonnes avec plusieurs graphiques dans une seule réponse
- Palette de couleurs automatique : schéma de 12 couleurs appliqué automatiquement, ou fournissez vos propres couleurs hexadécimales
- Rendu côté client : les données des graphiques ne sont jamais envoyées ni stockées sur le serveur — confidentialité par conception
- Auto-hébergeable : s'exécute sur Cloudflare Workers ; déployez votre propre instance en quelques minutes
Installation
Claude Desktop — Ajouter un connecteur personnalisé :
Dans Paramètres → Connecteurs → Ajouter un connecteur personnalisé, entrez :
https://mcp.chartpane.com/mcp
Claude Desktop (via mcp-remote) :
{
"mcpServers": {
"chartpane": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.chartpane.com/mcp"]
}
}
}
Claude.ai web :
Ajoutez https://mcp.chartpane.com/mcp dans Paramètres → Intégrations.
VS Code Copilot (settings.json) :
{
"github.copilot.chat.mcp.servers": {
"chartpane": {
"url": "https://mcp.chartpane.com/mcp"
}
}
}
Cursor (~/.cursor/mcp.json) :
{
"mcpServers": {
"chartpane": {
"url": "https://mcp.chartpane.com/mcp"
}
}
}
Hôtes supportés
Confirmé dans le README : Claude Desktop, ChatGPT, VS Code Copilot, Cursor.
Installation rapide
npx -y mcp-remote https://mcp.chartpane.com/mcp





