MCP HubMCP Hub
Retour aux compétences

chartjs-custom-colors

vamseeachanta
Mis à jour 2 days ago
2 vues
3
2
3
Voir sur GitHub
Autredata

À propos

Cette sous-compétence chartjs fournit des palettes de couleurs prédéfinies et des extraits de configuration pour personnaliser les visualisations Chart.js. Elle inclut des tableaux de couleurs RGBA prêts à l'emploi et des exemples pour personnaliser les infobulles et les légendes. Utilisez-la pour implémenter rapidement un style cohérent et conforme à votre marque dans vos graphiques, sans écrire de code répétitif.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add vamseeachanta/workspace-hub -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/vamseeachanta/workspace-hub
Git CloneAlternatif
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/chartjs-custom-colors

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

vamseeachanta/workspace-hub
Chemin: .claude/skills/data/visualization/chartjs/custom-colors
0

Compétences associées

d3js

Autre

Cette compétence permet aux développeurs de créer des visualisations de données interactives et entièrement personnalisées en utilisant D3.js, offrant un contrôle total sur les éléments SVG et la liaison des données. Elle est idéale pour construire des graphiques uniques et complexes avec des transitions et des interactions sophistiquées que les bibliothèques standards ne peuvent pas réaliser. Utilisez-la lorsque vous avez besoin de visualisations sur mesure, pilotées par les données, plutôt que de simples graphiques pré-stylisés.

Voir la compétence

plotly-with-pandas

Autre

Cette compétence intègre Plotly avec Pandas pour une visualisation simplifiée des données à partir de DataFrames. Elle permet un traçage direct à partir de données CSV et inclut une compatibilité NumPy pour les visualisations mathématiques. Utilisez-la lorsque vous travaillez avec des données tabulaires dans des environnements Jupyter nécessitant des graphiques interactifs.

Voir la compétence

echarts-with-react

Autre

Cette compétence fournit un composant React encapsulant ECharts qui gère l'initialisation des graphiques, les mises à jour des options et le redimensionnement réactif. Elle est idéale pour les développeurs intégrant des visualisations ECharts dans des applications React nécessitant une gestion automatique du cycle de vie. Le composant inclut un nettoyage lors du démontage et des écouteurs d'événements de redimensionnement de fenêtre pour une maintenance appropriée des graphiques.

Voir la compétence

chartjs-1-use-responsive-containers

Autre

Cette compétence fournit les meilleures pratiques de Chart.js pour des conteneurs de graphiques réactifs et une gestion appropriée du cycle de vie. Elle montre comment encapsuler les graphiques dans des divs réactifs avec un contrôle adéquat du ratio d'aspect et démontre la destruction des graphiques avant leur recréation pour éviter les fuites de mémoire. Utilisez-la lors de la mise en œuvre de visualisations Chart.js dynamiques ou redimensionnables dans des applications web.

Voir la compétence